transition-timing-function

Различия

Показаны различия между двумя версиями страницы.

Ссылка на это сравнение

Следующая версия 		Предыдущая версия
transition-timing-function [2023/09/27 20:49]
tro создано 		transition-timing-function [2023/09/27 20:54] (текущий)
tro
Строка 1: Строка 1:
 ====== transition-timing-function ====== ====== transition-timing-function ======
 +Властивість transition-timing-function задає функцію розподілу часу, тобто поведінку анімації.
 +Значення властивості задається через формулу Безьє, яка описує швидкість переходу властивості від одного значення до іншого за час, зазначений в transition-duration,
  
 +У CSS є кілька ключових слів для опису базових функцій Безьє, що часто використовуються.
 +
 +Ключові слова:
 +  * ease — перехід починається повільно, швидко прискорюється, а потім знову сповільнюється в кінці.
 +  * linear — перехід має рівномірну швидкість.
 +  * ease-in — починається повільно, швидкість переходу збільшується до повного завершення переходу.
 +  * ease-out — починається швидко, уповільнюється протягом переходу.
 +  * ease-in-out — починається повільно, прискорюється, а потім знову сповільнюється.
 <code> <code>
 .box { .box {
Строка 13: Строка 23:
 } }
 </code> </code>
 +P.S.**[[transition]]** - Всі властивості переходу можна поєднати в одну складову властивість
  • /sites/data/attic/transition-timing-function.1695847772.txt.gz
  • Последнее изменение: 2023/09/27 20:49
  • — tro