Text Rotation with CSS

I have find out a Great Functionality in CSS-3 what. We can Rotate a HTML any HTML tag in CSS-3. I am surprised when i do this but it is very easy to give style with rotation in any degree. This Property support by only latest Browser so please check it with your updated browsers. old Browser Can’t Support text transform CSS Property.

Here is My HTML & CSS Code for this  :

<!DOCTYPE HTML>
<html>
<head>
<title>Text Rodatation</title>
<style type=”text/css”>
h1 {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
 filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    float:left;
    margin-top:200px;
    text-shadow: 1px 1px 2px #000;
}
</style>
</head>
<body>
<h1>Amit Sharma</h1>
</body>
</html>

I have also give some shadow effect to text. You can see my Name have rotate to -90 degree on screen.

Add your comment