2,808 Views • Feb 16, 2024 • Click to toggle off description
How to create a simple appear animation in Framer
- Select elements and apply Effects Appear
- Click on Enter Effect
- Set the Offset Y to 20
- Click on Transition and set Ease In Out, Time 1, Delay 0.1
- While keeping the Transition window open, select the elements individually one after another and change the Delay to +0.1
For example, Element 1: Delay 0.1, Element 2: Delay 0.2, etc.
✨ I'm trying these short tutorials, let me know if you enjoy them
-- Transcript --
How to create a simple appear animation in Framer. First, you want to find the layers that you want to animate. Typically, they're in the front of the background. And here, I'm going to open the groups. So, I have eight elements. I'm going to select all of them. Then, I'm going to go to effects, appear, go to enter.
Set y to 20 transition. Ease in out time. One delay, 0.1. Now you want to keep this transition open, then select one by one, and for the first element delay, 0.1. Second element, 0.2 3 4 5, 6, 7, 8. Then you're going to click play and voila.
Metadata And Engagement
Views : 2,808
Genre: Education
Date of upload: Feb 16, 2024 ^^
Rating : 4.913 (4/180 LTDR)
97.83% of the users lieked the video!!
2.17% of the users dislieked the video!!
User score: 96.75- Overwhelmingly Positive
RYD date created : 2024-06-02T16:33:21.119293Z
See in json
Tags
@krillart
2 months ago
Thank you!
|