Change CSS3 animation-duration with a transition -


i try reduce animation duration this.

@-webkit-keyframes rotate {   {     -webkit-transform: rotate(0deg);   }   {      -webkit-transform: rotate(360deg);   } }  #platines .disc {   background: url(../img/disc.png) no-repeat;   height: 86px;   width: 86px;   margin-top: 1px;   position: absolute;   z-index: 1;   -webkit-animation-name:             rotate;    -webkit-animation-duration:         0.9s;    -webkit-animation-iteration-count:  infinite;   -webkit-animation-timing-function:  linear; }  #platines .disc.paused {   -webkit-transition: -webkit-animation-duration 2s;   -webkit-animation-duration:  60s;    -webkit-animation-iteration-count:  4; } 

unfortunately, not work. found solution around problem?

no, it's impossible. animation-duration not animatable.

source on mdn

if change value when animation running, restart animation without transitions.


Comments

Popular posts from this blog

How do you change vbulletin's home page to the forums instead of the default (CMS or Activity Stream)? -

c++ - Troubles when compiling phash program -