I am animating a div using css animation.
@-webkit-keyframes FRAMES
{
from{height:400px;}
to{height:500px;}
}
.animateclass1{
-webkit-animation-name: FRAMES;
-webkit-animation-duration: 0.5s;
-webkit-animation-timing-function: linear;
-webkit-animation-iteration-count: 10;
-webkit-animation-direction: alternate;
-webkit-animation-delay:0s;
}
But now I want to increase the animation-duration for each animation-iteration-count. My intention is to make the element animate at high speed and stop animating by slowing down the animation speed