DIV Element Rotating with CSS3 TAG | CSS3 Tutorials

Demo:
















The Source code for Rotating a DIV Element:
 <!DOCTYPE html>
 <html>
 <head>
 <style>
 div#div3
 {
width:100px;
height:100px;
background:url(http://s20.postimg.org/v0lyqk5bd/favicon.png);
transition:width 2s, height 2s;
-webkit-transition:width 2s, height 2s, -webkit-transform 2s; /* Chrome and Safari */
 }

 div#div3:hover
 {
width:100px;
height:100px;
background:url(http://s20.postimg.org/v0lyqk5bd/favicon.png);
transform:rotate(360deg);
-webkit-transform:rotate(360deg); /* Chrome and Safari */

 }

 </style>
 </head>
 <body>
<marquee behavior="alternate" style="border:RED 3px SOLID">
<a href='http://tutscode.blogspot.com' title='Tutorials Code' alt='Tutorials Code'>
<div id
="div3"> </div>
</a>
</marquee>


 </body>
 </html>


































Change the Prefix for other Browsers (Prefixes for other Browsers).

DIV Element Rotating with CSS3 TAG CSS3 Tutorials
Code Preview

No comments:

Post a Comment