Demo Text Transform Rotate 180deg For Blogger

Demo:

No Effec Hover

YOUR TEXT HERE



With Hover Effec
YOUR TEXT HERE



Code CSS

.idntex{
font-weight:bold;
transform:rotate(180deg);
-o-transform:rotate(180deg);    
-moz-transform:rotate(180deg);
-webkit-transform:rotate(180deg);
-khtml-transform:rotate(180deg);     
}

.idntef{
text-align:justify;
padding:10px 0px;
}    
.idntef span{
display:block;
font-weight:bold;
transform:rotate(180deg);
-o-transform:rotate(180deg);    
-moz-transform:rotate(180deg);
-webkit-transform:rotate(180deg);
-khtml-transform:rotate(180deg);
tansition:transform ease-in 1s;   
-o-tansition:transform ease-in 1s;
-moz-transition:-moz-transform ease-in 1s;
-webkit-transition:-webkit-transform ease-in 1s; 
-khtml-transition:-khtml-transform ease-in 1s;     
} 
.idntef:hover span{
transform:rotate(0deg);
-o-transform:rotate(0deg);    
-moz-transform:rotate(0deg);
-webkit-transform:rotate(0deg);
-khtml-transform:rotate(180deg);   
-khtml-transform:rotate(0deg);
}

Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Powered by Blogger www.idnilman.com