CSS3中Transform动画属性用法详解(7)
-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 */ } #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 */ -moz-transform:skew(30deg,-20deg); /* Firefox */ -webkit-transform:skew(30deg,-20deg); /* Safari 和 Chrome */ (编辑:ASP站长网) |