Easing functions specify the rate of change of a parameter over time. Objects in real life don’t just start and stop instantly, and almost never move at a constant speed. When we open a drawer, we first move it quickly, and slow it down as it comes out.

Trong CSS, ta có thể sử dụng thuộc tính transition và animation để xác định easing.

CSSでは、transitionプロパティとanimationプロパティでイージング関数を指定できます。

Finde passende Übergangsfunktionen (easing functions) und erstelle realistischere Animationen.

Les courbes d'accélérations (easing functions) décrivent la vitesse à laquelle un paramètre change en fonction du temps. Dans la vie, les objets ne se déplacent pas instantanément et ne bougent pratiquement jamais à vitesse constante.

缓动函数 自定义参数随时间变化的速率。 现实生活中，物体并不是突然启动或者停止， 当然也不可能一直保持匀速移动。就像我们 打开抽屉的过程那样，刚开始拉的那一下动作很快， 但是当抽屉被拉出来之后我们会不自觉的放慢动作。

Funções de easing especificam a taxa de alteração de um parâmetro ao longo do tempo. Objetos na vida real não começam e param instantaneamente e quase nunca se movem a uma velocidade constante. Quando abrimos uma gaveta, primeiro a movemos rapidamente e diminuímos a velocidade à medida que sai.

Функция плавности (easing) определяет скорость течения анимации, делая её более реалистичной. Объекты в реальной жизни не начинают двигаться мгновенно и с постоянной скоростью.

CSS에서는 transition 속성과 animation 속성을 사용하여 easing 함수를 지정할 수 있습니다. .block { transition : transform 0.6s ; } 이 함수를 cubic-bezier.com 에서 수정해 볼 수 있습니다.

緩動函數 (Easing function) 能夠調整數值變化的速度。 現實生活中的物體不會以等速移動，也不會突然開始或停止。例如我們打開抽屜時，首先會加速， 然後慢下來。又或是當某個物體由高處往下掉時，首先是越掉越快，撞到地上彈回，最後才又回到地板。