0 added
0 removed
Original
2026-01-01
Modified
2026-03-09
1
<p>Here are some more animation forms: ease-in, ease-out and ease-in-out.</p>
1
<p>Here are some more animation forms: ease-in, ease-out and ease-in-out.</p>
2
<ul><li><p>ease-in</p>
2
<ul><li><p>ease-in</p>
3
</li>
3
</li>
4
<li><p>ease-out</p>
4
<li><p>ease-out</p>
5
</li>
5
</li>
6
<li><p>ease-in-out</p>
6
<li><p>ease-in-out</p>
7
</li>
7
</li>
8
</ul><p>The graphs show that when the ease-in parameter is set, the animation starts slowly and accelerates towards the end; the ease-out parameter makes it start quickly, then slows it down at the end. The effect of the ease-in-out value is similar to ease in that the animation starts and ends slowly, but the rate of change is a bit higher.</p>
8
</ul><p>The graphs show that when the ease-in parameter is set, the animation starts slowly and accelerates towards the end; the ease-out parameter makes it start quickly, then slows it down at the end. The effect of the ease-in-out value is similar to ease in that the animation starts and ends slowly, but the rate of change is a bit higher.</p>
9
<p>Let’s experiment with these values of the animation-timing-function property.</p>
9
<p>Let’s experiment with these values of the animation-timing-function property.</p>