欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  资讯频道

使用CSS旋转文字

程序员文章站 2022-06-03 19:57:11
...
Jonathan Snook公布了一个漂亮的日期显示方式。灵感来自于另一篇文章:使用Sprites显示日期

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


样式如下:

使用CSS旋转文字

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


点击查看详情:http://snook.ca/archives/html_and_css/css-text-rotation
相关标签: CSS