美文网首页
2D变换(旋转/缩放/位移)

2D变换(旋转/缩放/位移)

作者: 智多牛 | 来源:发表于2016-12-21 13:26 被阅读0次
    <!-- 节点 -->
    <div>5</div>
        
    <!-- 样式 -->
    <style>
    
        div
        {
            width: 200px;
            height: 200px;
            background-color: #999;
            
            text-align: center;
            line-height: 200px;
            
            /*旋转*/
            transform: rotate(90deg);
            
            /*移动*/
            transform: translate(50px,100px);
            
            /*缩放*/
            transform: scale(2,1.5);
        }

    </style>

相关文章

网友评论

      本文标题:2D变换(旋转/缩放/位移)

      本文链接:https://www.haomeiwen.com/subject/ixjqvttx.html