/*2D的转换*/
位移
-webkit-transform: translate(10px, 10px)
缩放
-webkit-transform: scale(.5, .5)
重置原点
-webkit-transform-origin: 50px 0
旋转: deg表示度数
-webkit-transform: rotate(1rad)
斜切,扭曲
-webkit-transform: skew(1rad, 1rad)
例如:
<div class="out">
<div class="inner"> 测试</div>
</div>
CSS:
.out {
width: 300px;
height: 300px;
background-color: #999999;
padding: 1px;
}
.inner {
margin: 150px;
width: 100px;
height: 100px;
background-color: #21bbca;
-webkit-transform: translate(10px, 10px);
}
时间: 2024-10-21 15:07:25