CSS3中Transform动画属性用法详解

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

            -ms-transform-origin:left top;  /* IE 9 */   
            -moz-transform-origin:left top; /* Firefox */   
            -webkit-transform-origin:left top; /* Safari 和 Chrome */   
            -o-transform-origin:left top;       /* Opera */   
        }   
        #div2{margin-left: 100px;}   
        #div2 div{   
            height: 100px;   
            width: 100px;    
            background: #63F7ED;   
            transform:rotate(45deg);        /* W3C标准 */   
            -ms-transform:rotate(45deg);    /* IE 9 */   
            -moz-transform:rotate(45deg);   /* Firefox */   
            -webkit-transform:rotate(45deg); /* Safari 和 Chrome */   
            -o-transform:rotate(45deg);         /* Opera */   
            transform-origin:0% 0%;         /* W3C标准 */   
            -ms-transform-origin:0% 0%;     /* IE 9 */   
            -moz-transform-origin:0% 0%;    /* Firefox */   
            -webkit-transform-origin:0% 0%;  /*Safari 和 Chrome */   
            -o-transform-origin:0% 0%;      /* Opera */   
        }