用CSS制作旋转文字效果

《用CSS制作旋转文字效果》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、浩图瀚视教你如何用纯CSS打造旋转文字效果！有不少朋友在询问如何能做出文字的旋转效果？其实这不是很难的，下面是我的演示代码，你只需把链接等改下即可！a{color:#000;}.example-date{background-color:#998877;float:left;margin-left:10px;padding:45px5px0

2、;position:relative;}.example-date.day{font-size:45px;left:5px;line-height:45px;position:absolute;top:0;}.example-date.month{font-size:25px;text-transform:uppercase;}.example-date.year{-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);filter:progid:DXImageTransform.Microsoft.BasicImag

3、e(rotation=3);display:block;font-size:1.1em;background-color:#998877;position:absolute;right:0px;top:10px;}

使用CSS旋转文本元素