CSS3中Transform动画属性用法详解(12)
transform:rotateY(45deg); /* W3C标准 */ -webkit-transform:rotateY(45deg)); /* Safari 和 Chrome */ } #div3{margin-left: 50px;} #div3 div{ height: 100px; width: 100px; background: #63F7ED; transform:rotateZ(45deg); /* W3C标准 */ -webkit-transform:rotateZ(45deg)); /* Safari 和 Chrome */ }
</style> </head> <body> <div id="container"> <div id="div1"> <div>rotateX(45deg)</div> </div> <div id="div2"> <div>rotateY(45deg)</div> </div> <div id="div3"> <div>rotateZ(45deg)</div> </div> </div> </body> </html>
下面是显示效果: (编辑:ASP站长网) |