让文字旋转270度的css样式

ttx9n · 发表于 2014-8-6 10:35:22

让文字旋转270度，听起来貌似很难，其实不然，使用css样式便可轻松做到，下面有个示例，需要的朋友可以参考下
复制代码代码如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<script type="text/javascript">
</script>
<style type="text/css">
.rotation1{
position:absolute;filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);left:100px;top:10px;
}
.rotation2{
position:absolute;filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);left:140px;top:10px;
}
.rotation3{
position:absolute;filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);left:170px;top:10px;
}
</style>
<BODY>
<span class="rotation1"><h2 style="color:#ccddff;">A</h2></span>
<span class="rotation2"><h2 style="color:#ccddff;">B</h2></span>
<span class="rotation3"><h2 style="color:#ccddff;">C</h2></span>
</BODY>
</HTML>

wqpa63gz · 发表于 2022-12-13 04:18:51

而快乐你们快乐马年快乐

kestlhoxn · 发表于 2023-5-1 11:35:31

我找了挺久终于找到了

ki9ku6 · 发表于 2023-6-1 12:02:54

谢谢您的分享！

fwn2rd · 发表于 2023-9-3 14:44:01

vcxvcxv

u7yxn9 · 发表于 2023-10-1 10:06:31

挺不错的东西

4k0mp7m · 发表于 2023-10-15 13:36:14

看到这帖子真是高兴！

3t0ukmu · 发表于 2023-11-8 10:33:00

看看看咋么

3pjdk29w · 发表于 2024-4-6 10:48:33

额头额定法国队是范德萨

e8hwl6prw · 发表于 2024-6-7 06:56:37

飞飞飞飞飞飞飞飞飞飞飞飞飞

账号		自动登录	找回密码
密码			立即注册

[CSS] 让文字旋转270度的css样式

相关帖子