Create an animated After Effects composition to trigger on click

Within our educational curriculum covering After Effects and Lottie within Webflow, a captivating animation was crafted showcasing a circle expanding into multiple smaller circles. The tutorial will guide you through configuring the animation to activate upon a mouse click or tap.

We shall progress through the procedure in 3 main phases:

1. Insert the Lottie animation 
2. Establish the trigger 
3. Prepare the animation

To engage actively, feel free to duplicate this project.

Insert the Lottie Animation

Configure the Trigger

Configure the Animation

• Author
• Recent Posts

Ewan Mak

Webflow Expert at Tenten

Webflow expert and frontend developer with 4+ years of experience. I bring a versatile skillset (HTML, CSS, JS, Figma, Adobe) to craft exceptional Webflow experiences. 70+ projects honed my ability to seamlessly blend custom code and visual development. Organized, deadline-driven, and passionate about growth, I excel in dynamic environments. Let's push boundaries and create something amazing.

Latest posts by Ewan Mak (see all)

• Include or eliminate Workspace spots and members - April 15, 2024
• Centering box summary - April 15, 2024
• Store a site for future reference - April 15, 2024

Related Posts

• Swift effects summary

  Use quick effects to add prebuilt entrance, exit, and emphasis animations to introduce basic motion…

• Set up Bodymovin for After Effects

  Install and use the Bodymovin extension to export After Effects compositions as JSON files.

• Introduction to a Course on After Effects and Lottie

  An overview of the After Effects and Lottie in Webflow course.