Summary

  • Overview
  • Animation Effect Types
  • Animation Checkmark
  • Play To Preview Animation Effect
  • More Animation Effects

Overview

You can apply Animation Effects to Website Elements and Containers to add interaction to your websites to entertain and retain visitors' attention.

animation-effects.gif

Animation Effect Types

You can access various Animation Effects grouped into Types in the Property Panel to the right and use them simultaneously.

animation-properties.png

Animation Checkmark

If you use Animation, there is a blue Checkmark showing the applied Types in the Property Panel.

animation-checkmark.png

Play To Preview Animation Effect

Click on the Play Button in the Property Panel to preview the Effect in the Block Editor.

play-animation-hover.gif

You can also preview the Effect by switching the Presets.

More Animation Effects

## Summary - Overview - Animation Effect Types - Animation Checkmark - Play To Preview Animation Effect - More Animation Effects ## Overview You can apply Animation Effects to Website Elements and Containers to add interaction to your websites to entertain and retain visitors' attention. !animation-effects.gif! ## Animation Effect Types You can access various Animation Effects grouped into Types in the Property Panel to the right and use them simultaneously. - [Animation On Scroll](page:98657) - [Animation On Hover](page:197359) - [Animation On Group Hover](page:204909) - [Animation On Image Background Hover](page:204919) - [Animation Start Position](page:204913) - [Hover Slider Animation](page:191164) ## !animation-properties.png! ## Animation Checkmark If you use Animation, there is a blue Checkmark showing the applied Types in the Property Panel. !animation-checkmark.png! ## Play To Preview Animation Effect Click on the Play Button in the Property Panel to preview the Effect in the Block Editor. !play-animation-hover.gif! You can also preview the Effect by switching the Presets. ## More Animation Effects - [Animation On Scroll](page:98657) - [Animation On Hover](page:197359) - [Animation On Group Hover](page:204909) - [Animation On Image Background Hover](page:204919) - [Animation Start Position](page:204913) - [Hover Slider Animation](page:191164) ##