给3D舞台中“.three-d-box”设置过渡与变形效果-慕课网

首页课程实战体系课手记专栏慕课教程

给3D舞台中“.three-d-box”设置过渡与变形效果

来源：9-10 制作3D旋转导航综合练习题

LovingVIVI

2017-03-09 17:50

任务四中已经给.three-d设置了transition了，为什么在.three-d-box 中还要设置一次？而且最后的显示下拉导航栏 rotate（0deg）是什么意思？

写回答关注

2回答

_kwan

2017-07-28 18:50:42

"最后的显示下拉导航栏 rotate（0deg）是什么意思"
你指的是hover时的rotateX(0deg)吗？因为二级导航的ul设置了rotateX(-90deg)，ul反向翻转90度(相当于平躺了的人)，我们肉眼看不到。当鼠标经过时，我们要将其设置为rotateX(0deg)，使其翻转90度回到正前方(相当于人站起来了)。再加transition就看起来像展开一样

0 0
Pst_wac

2017-03-17 16:28:34

我也不是很理解，但很多多余的代码是可以删掉的，比如不要任务四，效果也出来一样

0 0

十天精通CSS3

本课程为CSS3入门教程，深刻详解CSS3知识让网页穿上绚丽装备

242553 学习 · 2623 问题

相似问题

怎么设置3D舞台布景？+3积分

回答 1

关于建3D舞台的问题 perspective: 200px;

回答 2

3D效果

回答 2

3D舞台布景如何设置？从第三步往下都怎么做？这也太难了吧

回答 3

给div.content部分设置margin值，background-origin：content-box；就会失效？

回答 5

打开慕课网App查看更多内容