Adding animation to blocks

To add a wow factor to your Qwilr Pages, you can add subtle motion effects to your content. 

You can apply animation to Text, Splash, Video, Quote, and Accept blocks. You might animate every block in your page, or just one important block.

Note: In the case of Video Blocks, the animation will apply to any text you've added to the block, but not to the video itself. 

To locate the animation menu, click on the Block Style icon in the top left corner of the block. Then click the Animate tab.

Enabling animation in a block

All blocks will default to the No Animation setting. You can select from two motion effects:

  • Animated by Section, which will apply the motion to each element of your block one at a time
  • Animated Together, which will apply motion to all elements of your block at once

Fade animations

When you select Fade In, the block elements will fade into view. Clicking Slow, Med, or Fast controls the speed of the fade-in. Click the Preview button any time to see how an animation will look.

Sliding animations

Choosing Slide In will cause the elements of your block to subtly slide in the direction you've chosen: left, right, up, or down. You can also control the speed of the slide by clicking Slow, Med, or Fast. The Preview button lets you see how the animation will look.

Note: If you've made a block foldable, any animation you add will replay each time the block is expanded.

Disabling animations

To turn off the animation in any block, click the Block Style icon, click the Animate tab, and select No Animation.