3D效果:CSS3允许您使用3D转换来对元素进行格式化
浏览器支持:Internet Explorer 10、Firefox以及Opera支持transform属性,Chrome和Safari需要前缀-webkit-,Internet Explorer9需要前缀-ms,属性:rotateX(),rotateY()
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> div{ width: 300px; height: 200px; background-color: #f00; border: 1px solid #0f0; transform: rotateX(120deg); -webkit-transform: rotateX(120deg); /* transform: rotateY(120deg); -webkit-transform: rotateY(120deg); */ } </style> </head> <body> <div> Vue.js 无疑是前端最热门的框架之一,而 Vue.js 最精髓的,正是它的组件。写一个 Vue 工程,也就是在写一个个的组件。换言之,学好了 Vue.js 的组件,也就能很好地驾驭 Vue.js 框架和千变万化的复杂业务场景。 </div> </body> </html>