css3的transform转换属性。

浏览数：23 / 时间：2015年06月09日

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

<!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转换属性。,古老的榕树,5-wow.com

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

标签： class style html log for it doc ca class style html log for it doc ca

相关文章

随机文章

您可能还喜欢

您可能还喜欢