CSS Transform (best example)

Transform


You all might be aware of the famous property of css that sis transform .
In this post i will show you a best example of this property with snapshots.
The html code:-

<ul>

<div id="turn"> <li><a href="#">Background-color</a></div>
  <div id="turn"> <li> <a href="#">Background-image</a></div>
  <div id="turn"> <li> <a href="#">Background-repeat</a></div>

</ul>

The css code:-

-moz-transform: rotate(360deg) scale(1.5);
-webkit-transform: rotate(360deg) scale(1.5);
-webkit-transition: all 2s ease-in-out;
    -moz-transition: all 2s ease-in-out;
    -o-transition: all 2s ease-in-out;


Here are the snapshots:-

Snapshot no. :- 1

Snapshot no. :- 2
                                             

Snapshot no. :- 3

     

                                                                                                               

Snapshot no. :- 4

Snapshot no. :- 5

I hope that you might have been now very much interested in css ... keep yoursef in touch with       http://foryouablog.blogspot.com/

Webtey VJ