位置:电子教程 > CSS3教程 (如果看不到内容请使用360浏览器) 推荐学习资源
CSS3基础样式
CSS3 高级样式
当前阅读教程:CSS3教程 > rotate() 方法
阅读(22555525)      收藏       赞(5685)      分享
上一篇: translate() 方法 下一篇: scale() 方法

实例

rotate()方法,在一个给定度数顺时针旋转的元素。负值是允许的,这样是元素逆时针旋转。

代码
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>translate() 方法</title>
     <!--定义内部样式-->
     <style>
     div{
             width:100px;/*宽度*/
             height:75px;/*高度*/
             background-color:yellow;/*背景颜色*/
             border:1px solid black;/*边框*/
     }
     .div2{
             transform:translate(50px,100px);
             -ms-transform:translate(50px,100px); /* IE 9 */
             -moz-transform:translate(50px,100px); /* Firefox */
             -webkit-transform:translate(50px,100px); /* Safari and Chrome */
             -o-transform:translate(50px,100px); /* Opera */
     }
     </style>
</head>
<body>
     <div>你好。这是一个 div 元素。</div>
     <div>你好。这是一个 div 元素。</div>
</body>
</html>
效果图

小白教程网www.2d5.net

image.png



上一篇: translate() 方法 下一篇: scale() 方法
毕业设计网             广告联系QQ:45157718(微信同号)