Закрыть   X

  •    
  •    
Печать

animation-name

Автор: Алексей Елизаров.

CSS свойство animation-name

Поддержка браузеров

 

Описание

Свойство animation-name определяет имя для @keyframes.
 

Значение по умолчанию: none
Наследуется: нет
Версия: CSS3
Синтаксис JavaScript: object.style.animationName="mymove"


Значения свойства

Значение Описание
имя_keyframe Указывает имя для @keyframe.
none Указывает, что анимация отсутствует.

div.primer{
width:100px;
height:100px;
background:red;
position:relative;
animation-name:mymove;
animation-duration:3s;
animation-iteration-count:infinite;
/* Firefox */
-moz-animation-name:mymove;
-moz-animation-duration:3s;
-moz-animation-iteration-count:infinite;
/* Safari and Chrome */
-webkit-animation-name:mymove;
-webkit-animation-duration:3s;
-webkit-animation-iteration-count:infinite;
}
@keyframes mymove{
from {left:0px;}
to {left:540px;}
}
@-moz-keyframes mymove /*Firefox*/{
from {left:0px;}
to {left:540px;}
}
@-webkit-keyframes mymove /*Safari and Chrome*/
{
from {left:0px;}
to {left:540px;}
}


© 2018 cssprofi.ru.Алексей Елизаров. Все права защищены
cssprofi.ru - запрещено использование материалов сайта без согласия его автора и обратной ссылки