通过css旋转字体示例代码

ttx9n · 发表于 2013-12-13 16:51:26

旋转字体在以前是怎么实现的，我不知道，不过现在可以通过css来轻松实现了，下面有个不错的示例，感兴趣的朋友可以参考下
复制代码代码如下:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
.mouth{
font-size:20px;
font-weight:bold;
border:1px solid #F00;
display:block; width:50px;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
</style>
</head>
<body>
<div class="example">
<span class="mouth">09</span>
</div>
</body>
</html>

回复用户5 · 发表于 2022-8-14 01:08:50

2222222222222222

leidie123a · 发表于 2022-10-13 12:42:57

给爸爸爸爸爸爸爸爸爸爸八佰伴八佰伴

7jbiiz · 发表于 2023-1-1 03:49:37

快更新啊，我擦

8ayoqrpj · 发表于 2023-1-19 13:10:52

撒房产税陈飞飞

leidie123a · 发表于 2023-3-16 07:16:42

66666666666

95nd4ba · 发表于 2023-10-28 02:48:30

哦哦哦哦哦哦哦哦哦

123456 · 发表于 2023-11-20 17:38:39

加快速度很快就撒谎

3pjdk29w · 发表于 2024-3-6 17:53:53

谢谢您的分享！

fwn2rd · 发表于 2024-5-17 21:04:53

我要金豆金豆金豆

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

[CSS] 通过css旋转字体示例代码

相关帖子