CSS3 3D 特效_技术问答

首页免费课 CSS3 3D 特效问答

CSS3 3D 特效

                
                liuyubobobo
            全栈工程师

                    查看讲师更多课程 
                    liuyubobobo讲师的其他课程
                
算法与数据结构（C++版） 面试/评级的算法复习技能包
实战·初级·11190

                                                                                                                                    ￥166.00
                                            
玩转算法面试-- Leetcode真题分门别类讲解
实战·初级·7416

                                                                                                                                    ￥266.00
                                            
 7个经典应用诠释Java算法精髓
实战·初级·1888

                                                                                                                                    ￥69.00
                                            
Python3入门机器学习&nbsp;经典算法与应用&nbsp;&nbsp;
实战·中级·5851

                                                                                                                                    ￥499.00
                                            
结合编程学数学 专为程序员设计的线性代数
实战·初级·3409

                                                                                                                                    ￥348.00
                                            
玩转算法系列--图论精讲（Java版）
实战·中级·1594

                                                                                                                                    ￥348.00
                                            
                难度中级
            
                时长 1小时 0分
            
                学习人数
            
综合评分9.70
                            206人评价
                        查看评价
                                9.9
                                内容实用
                            
                                9.7
                                简洁易懂
                            
                                9.5
                                逻辑清晰

全部评论问答未解决精华

_小_七_

设置3d需要的场景：
-webkit-perspective:800;//深度800
-webkit-perspective-origin:50% 50%;//视点居中
-webkit-transform-style:-webkit-presever-3d;//3d转换的场景

1 2-1 创建3D场景

2016-10-23

_So_

https://secreter.github.io/3d_boson/
我写的一个css3 动画演示3D原理的demo，大家可以看看，3D色子，flex布局

8 2-1 创建3D场景

2016-10-23

_So_

我写的一个css3 动画演示3D原理的demo，大家可以看看，3D色子，flex布局

0 2-1 创建3D场景

2016-10-23

等闲平地起波澜

第二题不是选D吗

0 2-5 练习题

2016-10-22

市斤贞子

这个还是挺有意思的，但是不足在于属性值太新，很多浏览器不兼容，只能在较新的Google等浏览器才可以。

2016-10-22

成长前端初学者

讲的不错，很喜欢这种讲课模式

1 1-1 CSS3中transition

2016-10-18

weibo_丝瓜不信眼泪_03692956

说照着打没效果的，是不是nextPage.style.webkitTransform 写错了。

2 3-2 JS部分

2016-10-16

雨畔

给力的教程，清晰明了，谢谢老师~

0 2-2 实际创建3D场景

2016-10-15

多木多4027679

JS部分代码看不清，照着打出来没效果

0 3-2 JS部分

2016-10-10

多木多4027679

好卡。。。。

0 3-1 创建3D动画效果结构部分

2016-10-10

Casrryo

用的chrome，不加webkit前缀也可以运行，按照老师写法出现bug的情况：
1.没有3d效果，只是上下缩动，在perspective-origin那里给800加上px单位；
2.翻页后，之前的卡片有部分会显示在下方，请在page的css里加上backface-visibility:hidden;
另外看到有人评论transition无法监测transform属性，是可以监测的，毕竟是transition的本职工作啊- -

5 3-2 JS部分

2016-09-28