-
参照某位前辈的代码,搞定了。可还有很多属性不熟悉,继续学习.蛮有意思的说。查看全部
-
【css3的动画功能】 transition:从一个属性值平滑的过渡到另一个属性值 animation:通过关键帧的技术在网页上产生更加复杂的效果 transition <过渡属性名称><过渡时间> 【各浏览器兼容写法】 -webkit-transition 谷歌、苹果 -moz-transition 火狐 -o-transition opera 举例: -webkit-transition:color 1s; //让元素颜色的变化持续1秒钟 -webkit-transition:height 3s;查看全部
-
1、rotateX中deg是一个页面旋转后的位置,与X轴所成的角度,而并不是这个页面在这个过程中转了多少度。 2、JS中-webkit-transform的写法:curPage.style.webkitTransform查看全部
-
本人使用Firefox,跟着老师敲CSS,发现无法实现3D效果; 经过尝试,在perspective应该跟上px:perspective:800px;查看全部
-
@@--CSS3 3D 特效---第1章 Transition 1-1 transition 实现3D场景: 透视:perspective,perspective-origin 变幻:transform:translate,rotate 【css3的动画功能】 transition:从一个属性值平滑的过渡到另一个属性值 animation:通过关键帧的技术在网页上产生更加复杂的效果 transition <过渡属性名称><过渡时间> 【各浏览器兼容写法】 -webkit-transition 谷歌、苹果 -moz-transition 火狐 -o-transition opera 举例: -webkit-transition:color 1s; //让元素颜色的变化持续1秒钟 -webkit-transition:height 3s;查看全部
-
用的chrome,不加webkit前缀也可以运行,按照老师写法出现bug的情况: 1.没有3d效果,只是上下缩动,在perspective-origin那里给800加上px单位; 2.翻页后,之前的卡片有部分会显示在下方,请在page的css里加上backface-visibility:hidden;查看全部
-
还不错查看全部
-
昨天照着老师写的自己写了一遍,怎么都没有3d效果,今天经过一行代码一行代码的实验,终于找到问题所在:1.几个pagediv外面取消了一层div,3d效果就出来了,估计是因为perspective在最外层,而要实现3d动作的在第三层,第二层却是2d的 2.同时取消overflow-hidden,否则翻转还是在2d平面内 3.几个pagediv在写的时候要倒序,否则效果也不理想 4. perspective-origin设置为x方向50%,y方向100%,否则可以看到翻转下去的数字查看全部
-
把 onchange 改成onmousemove 就达到了老师视频里的效果查看全部
-
立方体可以根据X/Y/Z分别旋转,也可以自由组合,看效果和代码。 逻辑清晰,代码简洁,效果色彩很好,是个非常不错的demo,供大家参考。查看全部
-
彩色版的骰子查看全部
-
正方体的旋转效果,参考答案的。。。。赞一个查看全部
-
上一节课的前后翻页效果。-webkit-transform-style:preserve-3d;查看全部
-
如果想制作一个翻书效果,让每一个div可以向左翻动,需要对div的旋转中心进行怎样的调整? -webkit-transform-origin: left;查看全部
-
1、rotateX中deg是一个页面旋转后的位置,与X轴所成的角度,而并不是这个页面在这个过程中转了多少度。 2、JS中-webkit-transform的写法:curPage.style.webkitTransform查看全部
举报
0/150
提交
取消