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 前端培训是改变生活的技术 HTML5 代表着 Web 发展的未来方向。HTML5 ...大家甚至可以在 无需引入任何外部代码的前提下实现复杂的 3D 动画,这一点非常...


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


HTML5培训前必看_学习总结_总结/汇报_实用文档。参加HTML5培训前必知HTML5知识指南 http://www.lampbrother.net 参加 HTML5 培训前必知 HTML5 知识指南!参加 ...


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


HTML5 培训相关知识整理汇总 整理:北游国际 前言: HTML5 是万维网的核心语言...(3D 网页游戏) 、 WEB 前端框架(JQuery mobile、Sencha Touch、PhoneGap) 、 ...


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


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


那么今天,我们就来分析一下,在HTML5的学习道路上,究竟是自学好,还是报班培训...而因为中文的表达十分有张力,在作者将思想转化成语言, 语言又被读者转化为思想...


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


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

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