Comment: Transforms have a "transform-origin" property. When transform origin is not specified, it is automatically set at (50%, 50%) of the element. The 0% and 100% represent your "from" and "to" clauses, this allows you to add a number of lines as you wish to increment the movement over your specified timeframe.
Note:-The transform property supports all latest version of Safari 3.2+, Chrome 4+
, Firefox 3.5+, Opera 10.5+, and IE 9.