今天做了一个基础的小例子熟悉一下这个属性。
<!DOCTYPE html>
<html>
<head>
<title>transform</title>
<style>
#box{
width:100px;
height:100px;
background:#cecece;
margin:100px auto;
/* css3 start rotate :旋转 ，正数时为顺时针方向，负数时为逆时针方向 translate:移动，x,y轴的移动 scale:缩放 ,大于1为放大 小于1为缩小， skew:扭曲,x 和 y轴的扭曲 (deg是度数的意思) */
transform:rotate(60deg) translate(200px,100px) scale(2,4) skew(30deg,20deg);
}
</style>
</head>
<body>
<div id="box"></div>
</body>
</html>
结果是一个css3 样式化的图形.
css3的transform转换属性。,布布扣,bubuko.com
时间： 2024-10-13 10:35:03