Вращение элемента на CSS

Данный пример реализует анимацию (вращение) элемента div с задержкой 2с без применения javascript

 

div{

width: 20px; height: 20px;background: red;

-webkit-animation-name: rotate;
-webkit-animation-duration:2s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-timing-function:linear;
-moz-animation-name: rotate;
-moz-animation-duration:2s;
-moz-animation-iteration-count:infinite;
-moz-animation-timing-function:linear;

}

@-webkit-keyframes rotate {
from {-webkit-transform:rotate(0deg);}
to { -webkit-transform:rotate(360deg);}
}

@-moz-keyframes rotate {
from {-moz-transform:rotate(0deg);}
to { -moz-transform:rotate(360deg);}
}

 

 

 

 

 

 






У данной записи пока нет ниодного комментария
АРХИВ
МЕТКИ БЛОГА
follow me 
рейтинги
###
18.232.53.231

© GORDOV.COM 2009 — 2019