• Icons
  • Docs
  • Lordicon
  • Lordicon
  • Pricing
  • More
  • Log in Sign up
Animation Triggers
  • Foundations
  • Library Tour
  • Icon styles
  • Animation
  • Triggers
  • Formats
  • All about GIFs
  • UX Designers
  • Best practices
  • Figma
  • Adobe XD
  • Developers
  • HTML/JS
  • Mobile/Native
  • No-code CMS
  • WordPress
  • Webflow
  • Other platforms
  • Content Design
  • Presentations
  • Newsletters
  • Canva
  • Adobe After Effects

Animation triggers

Animation triggers play the animataion after specyfic user interaction.

Hover

It plays animation when the mouse cursor hovers over the object.

Click

It plays animation when user clicks on the object.

Loop

Autoplay the animation as a perfect loop infinitely, with no user interaction.

Loop on hover

It plays animation on loop whenever cursor hovers over the object. After moving the cursor away, the animation stops.

Morph

Hover the icon to play the animation. After moving the cursor away, the animation plays in reverse.

Boomerang

Hover the icon to play the animation from the first to the last frame and immediately reverse.

Animation Formats