时间:2021-05-08
复制代码代码如下:
<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>
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
注:该表引自W3School教程伪元素的分类及作用:下面通过代码看下CSS伪类修改input选中样式的示例代码,代码如下所示:主要是用到了after伪类和字体符
本文实例为大家分享了CSS33D旋转rotate效果实例,供大家参考,具体内容如下效果图:示例代码XML/HTMLCode复制内容到剪贴板3D旋转的Demo#e
本文使用Matrix实现Android实现图片缩放与旋转。示例代码如下:复制代码代码如下:packagecom.android.matrix;importand
效果图:实例代码:复制代码代码如下:-利用纯CSS实现头像旋转和发光的效果/********************************设计思路如下:头像显
效果如下所示:收缩旋转圆环css代码:body{background:#372940;}.demo{position:relative;margin:120px