How to create a simple appear animation in Framer #nocode #webdesign #framer #webdevelopment

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.

Видео How to create a simple appear animation in Framer #nocode #webdesign #framer #webdevelopment канала DesignCode