Материалы с тегом «переходы»
-
Свойство animation
Css свойство animation — сокращенный способ задать свойства анимации animation-name, animation-duration, animation-timing-function, animation-delay, animation-iteration-count, animation-direction, позволяет одновременно задать имя анимации, время анимации, способ определения промежуточных значений изменяющихся параметров, задержку анимации, количество циклов анимации и возможность ее проигрывания в обратную сторону.
-
Свойство animation-delay
Css свойство animation-delay задает время задержки анимации (можно указать несколько через запятую).
-
Свойство animation-direction
Css свойство animation-direction определяет, нужно ли проигрывать анимацию в обратном направлении (можно указать несколько через запятую).
-
Свойство animation-duration
Css свойство animation-duration задает продолжительность одного цикла анимации (можно указать несколько через запятую)
-
Свойство animation-iteration-count
Css свойство animation-iteration-count определяет количество циклов анимации (можно указать несколько через запятую).
-
Свойство animation-name
Css свойство animation-name задает имя анимации, при обращении к которому будет производиться анимация (можно указать несколько через запятую).
-
Свойство animation-play-state
Css свойство animation-play-state определяет, работает ли анимация или стоит на паузе (можно указать несколько значений через запятую).
-
Свойство animation-timing-function
Css свойство animation-timing-function описывает метод расчета промежуточных значений свойств для анимации (можно указать несколько через запятую).
-
Свойство transition
Css свойство transition — сокращенный способ задать свойства перехода transition-property, transition-duration, transition-timing-function и transition-delay, позволяет одновременно задать свойство, к изменению которого будет применен плавный переход, время, в течение которого этот переход будет совершаться, способ расчета промежуточных значений перехода и задержку перед переходом.
-
Свойство transition-delay
Css свойство transition-delay указывает на временную задержку перед анимированным переходом (можно указать несколько через запятую).