实例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 
|
