3986.net
小网站 大容量 大智慧
当前位置:首页 >> 理学 >>

HTML5培训-3D转换模块


CSS-3D 转换模块
讲师:李南江 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>106-3D 转换模块</title> <style> *{ margin: 0; padding: 0; } .father{ width: 200px; height: 200px; background-color: red; border: 1px solid #000; margin: 100px auto; perspective: 500px; /* 1.什么是 2D 和 3D 2D 就是一个平面, 只有宽度和高度, 没有厚度 3D 就是一个立体, 有宽度和高度, 还有厚度 默认情况下所有的元素都是呈 2D 展现的 2.如何让某个元素呈 3D 展现 和透视一样, 想看到某个元素的 3d 效果, 只需要给他的父元素添加一个 transform-style 属性, 然后设置为 preserve-3d 即可 */ transform-style: preserve-3d; transform: rotateY(0deg); } .son{ width: 100px; height: 100px; background-color: blue; border: 1px solid #000; margin: 0 auto; margin-top: 50px; transform: rotateY(45deg); } </style> </head> <body>

<div class="father"> <div class="son"></div> </div> </body> </html>


推荐相关:

HTML5培训-网页的布局方式_计算机软件及应用_IT/计算机_专业资料。本文档的主要内容是讲师李南江讲解HTML5培训的网页布局方式的相关知识点。...


HTML5培训-3D播放器下_计算机软件及应用_IT/计算机_专业资料。本文档的主要内容是讲师李南江的HTML5培训课件中CSS基础之3D播放器下的相关知识点。...


培训_互联网_IT/计算机_专业资料。培训知识 ...扩展性强 5、应用 HTML5 技术提升浏览体验与交互...3D 立体购物中心、会员管理系统等融为一体,既是时尚...


http://www.mobiletrain.org html5培训课程大纲 从千锋教育 html5 开发培训课程培训大纲里可以看出,此次千锋教育推出的 html5 开发 培训课程都对应着较为实用的...


HTML5培训-CSS基础之选择器练习_计算机软件及应用_IT/计算机_专业资料。本文档的主要内容是讲师李南江讲解HTML5培训中CSS基础之选择器练习题。...


HTML5培训-CSS基础之通配符选择器_计算机软件及应用_IT/计算机_专业资料。本文档的主要内容是讲师李南江讲解HTML培训的CSS基础之通配符选择器的相关知识点。...


HTML5培训-动画模块云层效果_计算机软件及应用_IT/计算机_专业资料。本文档的主要内容是讲师李南江的HTML5培训课件中CSS基础之动画模块云层效果的相关知识点。...


HTML5高级工程师之 CSS3 3D转换_计算机软件及应用_IT/计算机_专业资料。后盾网...文档贡献者 后盾网 计算机技术培训 38 1537 1.0 文档数 浏览总量 总评分1...


HTML5培训-CSS基础之兄弟选择器_计算机软件及应用_IT/计算机_专业资料。本文档的主要内容是讲师李南江讲解HTML5培训中CSS基础之兄弟选择器的相关知识点。...


HTML5培训-CSS笔记形变中心点_理学_高等教育_教育专区。本文档的主要内容是讲师...CSS-2D 转换模块-形变中心点讲师:李南江 <!DOCTYPE html> <html lang="en"...

网站首页 | 网站地图
3986 3986.net
文档资料库内容来自网络,如有侵犯请联系客服。zhit325@qq.com