Nikhil Kumar bio photo

Nikhil Kumar

A stylish blog on my code

Google+ Gmail LinkedIn Github Résumé
Changelog:

You can make you website look awsome with not much code at all. You just need a bit of creativity, a bit of css, and alot of criticism. In this post, I will talk about the css transform property. Just a few lines of code can greatly change the appearance of your website. To get an icon to spin in the y direction, it is simple:

1
2
3
4
5
6
7
8
9
10
.tospin
{
display: inline-block;
    -webkit-transform: rotateY(360deg);
       -moz-transform: rotateY(360deg);
        -ms-transform: rotateY(360deg);
         -o-transform: rotateY(360deg);
            transform: rotateY(360deg);

}

Browser support

Different browsers have different versions of the same css command.

-webkit-transform: rotateY(360deg);
-moz-transform: rotateY(360deg);
-ms-transform: rotateY(360deg);
-o-transform: rotateY(360deg);
  


In addition, to make things run smoother, especially on firfox make sure to include the line display: inline-block;