CSS3中Transform动画属性用法详解
|
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>
下面是显示效果：
（编辑：云计算网_泰州站长网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
浙公网安备 33038102330476号