css3的transform转换属性。

最新推荐文章于 2024-09-04 09:42:38 发布

alisa6655

最新推荐文章于 2024-09-04 09:42:38 发布

阅读量122

点赞数

原文链接：http://www.cnblogs.com/hellome/p/3908487.html

版权

今天做了一个基础的小例子熟悉一下这个属性。

<!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>