CSS3 3D 特效_技术问答

课程 \前端开发 \CSS3 \CSS3 3D 特效

CSS3 3D 特效

                
                liuyubobobo
            全栈工程师

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

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

                                                                                                                                    ￥266.00
                                            
 7个经典应用诠释Java算法精髓，让你在实际开发如鱼得水
实战·中级·1644

                                                                                                                                    ￥248.00
                                            
Python3入门机器学习 经典算法与应用 轻松入行人工智能
实战·中级·4427

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

                                                                                                                                    ￥348.00
                                            
玩转算法系列--图论精讲  面试升职必备（Java版）
实战·中级·1193

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

全部评论问答未解决精华

速写素

过度模式可以自定义的

0 1-4 CSS3中transition5种效果

2016-09-02

速写素

太简单，多写几遍就会了

0 1-3 CSS3中transition效果分析

2016-09-02

看了好久，还是不知哪里错了，只是翻下一页的效果

最赞回答 / Russian_Achilles

你翻上一页的的函数都是空的,什么都没写,怎么会有效果呢给你! function prev(){ if(curIndex==1) return; var curPage=document.getElementById("page"+curIndex); curPage.style.transform="rotateX(90deg)"; curIndex--; var prevPage=document.getElementById("page"+c...

1 回答 404 浏览 3-4 编程挑战

2016-08-31

qq_偏執想淰_1

视频代码太模糊了，超清的也都看的不清楚，有点难受

0 1-2 CSS3中transition属性

2016-08-29

小小娜娜

好！！！！！！！！！！

0 3-4 编程挑战

2016-08-27

品味点滴

讲的很好，很认真！赞(≧▽≦)

0 3-4 编程挑战

2016-08-25

微积分2016

~\(≧▽≦)/~

0 2-1 创建3D场景

2016-08-24

微积分2016

赞~\(≧▽≦)/~

1 2-1 创建3D场景

2016-08-24

Excrement

字好小,清晰度不行啊

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

2016-08-23

yiyi8023

找到问题了，写错了，应该是-webkit-transform-origin

0 3-2 JS部分

2016-08-23

yiyi8023

翻页的时候，明明是写的-webkit-perspective-origin: bottom;但是没有用，还是在对半的位置翻页，没有实现底部翻

2 3-2 JS部分

2016-08-23

沧8080

很遗憾，我的代码照着写的，chrome下能翻页但是没有3d翻页的效果。检查后发现是因为transition监听不到transform的变化，所以去掉对transform的监听改为默认全部监听就好了，改的部分代码如下： -webkit-transition: 1s linear;
-moz-transition: 1s linear;
-ms-transition: 1s linear;
-o-transition: 1s linear;
transition: 1s linear;

1 3-2 JS部分

2016-08-22

沧8080

transform-style:preserve-3d;
-webkit-transform-style:preserve-3d;
-moz-transform-style:preserve-3d;
-ms-transform-style:preserve-3d;
-o-transform-style:preserve-3d;

字数太多复制不过来，把只要是-webkit的都改成这样就行。

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

2016-08-22