> 
> Suppose, I've animation from 0%{left: 0%;bottom: 0%;} to 100%{left: 100%; bottom: 0%;} and set animation-iteration-count to infinite. 
> 
> 
> 

Now when the animation **shifts to the end point (100%)** it starts again from **begin point (0%).** Now what I want is when animation begins again and again it should decrease the size of the element suppose the default size is `200 pixels width and 200 pixels height` so the decreasing vlaue equals minus 10 pixels and when the animated element becomes 0 pixels width and height it should again increase the size of that element so the increasing value equals plus 10 pixels.

This is the [demo](http://jsfiddle.net/8Tjvn/embedded/result/) without increasing and decreasing the element.