CSS3中Transform动画属性用法详解

2020-05-11 18:31:42易采站长站整理

        #div3{margin-left: 50px;}   
        #div3 div{   
            height: 100px;   
            width: 100px;    
            background: #63F7ED;   
            transform:scale(2,0.5);         /* W3C标准 */   
            -ms-transform:scale(2,0.5);     /* IE 9 */   
            -moz-transform:scale(2,0.5);    /* Firefox */   
            -webkit-transform:scale(2,0.5); /* Safari 和 Chrome */   
            -o-transform:scale(2,0.5);      /* Opera */   
            transform-origin:center top;        /* W3C标准 */   
            -ms-transform-origin:center top;    /* IE 9 */   
            -moz-transform-origin:center top;   /* Firefox */   
            -webkit-transform-origin:center top; /* Safari 和 Chrome */   
            -o-transform-origin:center top;        
        }   
        #div4{margin-left: 150px;}   
        #div4 div{   
            height: 100px;   
            width: 100px;    
            background: #63F7ED;   
            transform:skew(30deg,-20deg);       /* W3C标准 */   
            -ms-transform:skew(30deg,-20deg);   /* IE 9 */