CSS 3 Rotate Div Element Tutorial


Rotate Div Element Tutorial in CSS3
Code Preview

In this Tutorial we show you how to create a div element and rotate it.  CSS transformations allow us to rotate elements on a 360 degree axis.
Here is the tutorial:








In other Browsers just use a different prefix:
-moz-transform:rotate(120deg);  /* The Mozilla CSS */
-o-transform:rotate(120deg); /* The Opera CSS*/
-ms-transform:rotate(120deg) /* The Internet Explorer CSS*/




<html>
<head>
<style>
div{
width:100px;
height:75px;
background-color:#3488c2;
border:2px solid black;
      }
div#div2{
-webkit-transform:rotate(50deg); /*For  Safari and Chrome Browsers */
               }
</style>
</head>
<body>
<h1>Tutorials Code</h1>
<br>
<div id="div2">This is a DIV element.</div>
</body>
</html>





No comments:

Post a Comment