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站长网） |
居龙：中国大陆首次成