<p class="txt_vertical">Vertical Text By CSS</p>
CSS :
It's work in almost all Browser include IE 7.0 and its latest version.CSS :
p.txt_vertical
{
-webkit-transform:rotate(90deg); /* Safari */
-moz-transform:rotate(90deg); /* Firefox */
-o-transform: rotate(90deg); /* Opera */
-ms-transform: rotate(-90deg); /* IE */
white-space:nowrap;
width:20px;
height:20px;
color:#000000;
font-size:20px;
font-weight:normal;
font-family: ‘Trebuchet MS’, Helvetica, sans-serif;
text-shadow: 0px 0px 1px #ccc;}
-webkit-transform:rotate(90deg); /* Safari */
-moz-transform:rotate(90deg); /* Firefox */
-o-transform: rotate(90deg); /* Opera */
-ms-transform: rotate(-90deg); /* IE */
white-space:nowrap;
width:20px;
height:20px;
color:#000000;
font-size:20px;
font-weight:normal;
font-family: ‘Trebuchet MS’, Helvetica, sans-serif;
text-shadow: 0px 0px 1px #ccc;}
for older version of IE browser we have to use IE filter :
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
/* Internet Explorer */ Where 0, 1, 2, 3 for 0, 90, 180, and 270 respectively.
/* Internet Explorer */ Where 0, 1, 2, 3 for 0, 90, 180, and 270 respectively.
0 Comments