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

django - How can I change user group without delete record -

java - Need to add SOAP security token -

java - EclipseLink JPA Object is not a known entity type -