0 added
0 removed
Original
2026-01-01
Modified
2026-03-09
1
<p>So what’s really hiding behind the names of linear, ease and other functions? Fairly complex mathematics of cubic<a>Bézier curves</a>.</p>
1
<p>So what’s really hiding behind the names of linear, ease and other functions? Fairly complex mathematics of cubic<a>Bézier curves</a>.</p>
2
<p>In essence, named functions ease-in, ease-out and others are aliases for a universal curve description, for example:</p>
2
<p>In essence, named functions ease-in, ease-out and others are aliases for a universal curve description, for example:</p>
3
cubic-bezier(0, 0, 1, 1) // this is linear cubic-bezier(0.42, 0, 1, 1) // this is ease<p>In cubic-bezier(x1, y1, x2, y2), the values of x and y are the coordinates of curve points on the graph. Valid x values fall within the range of 0 to 1.</p>
3
cubic-bezier(0, 0, 1, 1) // this is linear cubic-bezier(0.42, 0, 1, 1) // this is ease<p>In cubic-bezier(x1, y1, x2, y2), the values of x and y are the coordinates of curve points on the graph. Valid x values fall within the range of 0 to 1.</p>
4
<p>There is a <a>great service</a>that helps understand the functional representation of Bézier curves without having to study math books.</p>
4
<p>There is a <a>great service</a>that helps understand the functional representation of Bézier curves without having to study math books.</p>
5
<p>If you click this<a>link</a>, you will find an entire collection of various easing functions based on Bézier curves.</p>
5
<p>If you click this<a>link</a>, you will find an entire collection of various easing functions based on Bézier curves.</p>
6
<p>Bézier curves allow us to create any forms of animation. Let’s try!</p>
6
<p>Bézier curves allow us to create any forms of animation. Let’s try!</p>