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.
if change value when animation running, restart animation without transitions.
Comments
Post a Comment