Описание тега css-transitions
CSS Transitions позволяет изменять свойства в значениях CSS плавно в течение заданного времени. CSS-переходы были введены как часть спецификаций CSS3.
Как работают переходы CSS3?
Переходы CSS3 - это эффекты, которые позволяют элементу постепенно переходить от одного стиля к другому.
Для этого необходимо указать две вещи:
- свойство CSS, к которому вы хотите добавить эффект
- продолжительность эффекта
Ниже перечислены все свойства перехода:
переход - сокращенное свойство для установки свойств перехода в одно свойство.
transition-delay - определяет, когда начнется эффект перехода
transition-duration - определяет, сколько секунд или миллисекунд требуется для завершения эффекта перехода.
свойство-перехода - указывает имя свойства CSS, для которого предназначен эффект перехода.
transition-time-function - Определяет кривую скорости эффекта перехода.
Справочные ссылки и документы: