SonicHTML – 高品质 HTML+CSS 服务

许多流行的浏览器目前都支持旋转HTML元素的能务。即使是旧版本的IE浏览器（IE 5.5）好吧，让我们来看看的HTML 。

HTML

1
2
3
4
5

<div class="example-date">
  <span class="day">31</span> 
  <span class="month">July</span> 
  <span class="year">2009</span>
</div>

CSS

.year {
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

让我们看看效果吧

原文：利用CSS实现文字旋转

Popularity: unranked