412cef68a3
This article seems to be translated via google translate or sometginh similar. Made the article more human-readable. Fixed typos. Fixed styles.
2.2 KiB
2.2 KiB
title, localeTitle
| title | localeTitle |
|---|---|
| Transition | Переход |
Свойство Transition
Свойство transition позволяет вам изменять значения свойств плавно (от одного значения к другому) в течение заданной продолжительности.
transition: all 300ms;
Несколько значений свойств
Мы можете задавать несколько значений свойств для свойства transition.
transition: width 300ms, height 2s;
Кривая изменения скорости перехода
Вы можете задавать кривую скорости изменения свойства.
transition: height 2s linear;
или с помощью отдельного свойства transition-timing-function:
transition-timing-function: linear;
Различные значения функции времени transition-timing-function
ease- указывает эффект перехода с медленным запуском, затем быстро, затем заканчивается медленно (это значение по умолчанию)linear- определяет эффект перехода с одинаковой скоростью от начала до концаease-in- указывает на эффект перехода с медленным запускомease-out- указывает эффект перехода с медленным завершениемease-in-out- определяет эффект перехода с медленным запуском и завершениемcubic-bezier(n,n,n,n)- позволяет вам определять свои собственные значения в функции кубического безье-преобразования