ClassyBlocks Pro - Configuration

Configuration

Animations

1. Go to CSS Classes > Animations PRO
2. Browse animations by category (scroll, attention, text, hover...)
3. Click an animation to preview it
4. Assign animations to preset packs

Use animations in Gutenberg

1. Open a post/page with Gutenberg
2. Select a block
3. In the sidebar, open the Animations tab (next to "Classes")
4. Choose an animation and configure the parameters

Per-block overrides

You can customize for each block: - Duration (e.g. 0.5s, 2s) - Easing (ease, ease-in, ease-out, linear, custom) - Delay (delay before the animation) - Iterations (1, 2, infinite) - Direction (normal, reverse, alternate)

Pack Manager

1. Go to CSS Classes > Pack PRO
2. Import JSON packs with animations + CSS classes
3. Export packs for backup or sharing

---

Back to overview | Installation