用CSS实现旋转文字

Jonathan Snook公布了一个漂亮的日期显示方式。灵感来自于另一篇文章：使用Sprites显示日期。

Html代码

<div>
 <span>31</span>
 <span>July</span>
 <span>2009</span>
</div>
Sponsored Links

Css代码

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

样式如下：
date with css

标签： CSS

这篇文章发布于 2009年07月30日，星期四，18:46，归类于代码。您可以跟踪这篇文章的评论通过 RSS 2.0 feed。您可以留下评论，或者从您的站点trackback。

XmlChina!