Чем отличаются функции ease-in, ease-out и ease-in-out в CSS?

Функции ease-in, ease-out и ease-in-out в CSS отличаются поведением анимации: habr.com webref.ru

1. ease-in. webref.ru Анимация начинается медленно и ускоряется к концу перехода. webref.ru
2. ease-out. webref.ru Функция противоположна ease-in: анимация начинается быстро и замедляется к концу перехода. webref.ru
3. ease-in-out. webref.ru Это комбинация функций ease-in и ease-out: анимация начинается медленно, ускоряется в средней части перехода, а затем замедляется к концу. webref.ru

Таким образом, основное отличие в том, что ease-in создаёт анимацию, которая начинается медленно и плавно ускоряется к концу, а ease-out — анимацию, которая начинается быстро и плавно замедляется к концу. doka.guide