CSS3+JS 实现超炫的散列画廊特效_技术问答

首页免费课 CSS3+JS 实现超炫的散列画廊特效问答

CSS3+JS 实现超炫的散列画廊特效

                
                Lyn
            Web前端工程师

                    查看讲师更多课程 
                    Lyn讲师的其他课程
                
JS+CSS3实现“粽情端午”
中级·39505
免费课程
                                
JS+CSS3实现带预览图幻灯片效果
初级·53759
免费课程
                                
可调大小面板实现（Resizeable Panel）
初级·13047
免费课程
                                
QQ空间时光轴特效
初级·29058
免费课程
                                
鼠标拖拽效果
初级·25993
免费课程
                                
                难度中级
            
                时长 2小时22分
            
                学习人数
            
综合评分9.67
                            84人评价
                        查看评价
                                9.9
                                内容实用
                            
                                9.4
                                简洁易懂
                            
                                9.7
                                逻辑清晰

全部评论问答未解决精华

为啥有一个photo的时候可以3d翻转，当有很多的时候就只是平面的翻转了啊。？谁能告诉

最新回答 / qq_风之翼_1

3d翻转是用transfrom：rotateY() 平面是transfrom：rotate()。

1 回答 821 浏览 3-4 排序左右分区的海报

2016-07-08

黯淡_0001

十分好的视频教程，思路清晰，收获颇多，希望老师能多出点视频！！

0 4-2 拓展与总结

2016-07-08

Kurosaki

右侧最大值应该是 wrap.width 吧？老师写法超出去了

8 3-4 排序左右分区的海报

2016-07-01

lesses

为什么效果不一样啊

1 2-2 基本界面编写

2016-07-01

Kurosaki

老师的随机数写法不该用 ceil（向上取整）
应该用 round（四舍五入）

0 3-3 排序当前展现海报

2016-07-01

点击背面翻转之后就看见黑背景了，没有显示正面，怎么回事啊

最新回答 / sun水

没有真确设置背面的CSS样式吧还是布局问题

1 回答 767 浏览 2-3 3D效果编写

2016-06-18

求解为什么正面看不到

最新回答 / 追觅梦初的国度

没设置<...code...>这个属性或是这个类，多仔细检查一下

2 回答 734 浏览 2-3 3D效果编写

2016-06-18

慕的地7935693

这个例子用angularjs不是更简单吗？

0 3-2 内容输出

2016-06-16

幕布斯2702058

afasdf

0 2-3 3D效果编写

2016-06-13

为什么要多加一层.photo_wrap元素

已采纳回答 / 亚里士多偷

海报有三个变化动作：（一）2d平面移动，（二）2d平面旋转，（三）3d的翻转。多加一层photo_wrap是为了单独用它来控制海报的3d翻转，把控制海报2d移动和2d旋转的功能分离出来。海报分正面和反面。设置样式时，当反面已经180度翻转贴合到正面之后，整体上就构成了一张拥有正反面海报。利用photo_wrap翻转，是翻转了整个海报。至于为什么.side_back一直不显示，可以贴上代码来看看。

1 回答 1069 浏览 2-3 3D效果编写

2016-06-13

幕布斯2702058

为什么要多加一层.photo_wrap元素？我试过了，不加这一层为什么.side_back一直不能显示，什么原因

0 2-3 3D效果编写

2016-06-13

此生若梦

完全抄代码的话，是在浪费时间，因为视频是经过剪辑的，可能在哪一个瞬间，整个代码块就变了，你再认真也没用，不要做这种愚蠢的事情了！

1 2-3 3D效果编写

2016-06-12

为什么加了rsort功能后图片显示不出来了 addPhotoes功能就不起作用添加图片了；没加rsort就行

最赞回答 / Akey寞

rsort里面的photo-center变量不能这么写，改成photo_center

1 回答 926 浏览 3-3 排序当前展现海报

2016-06-02

没有如果379

很好。。受教了

0 2-2 基本界面编写

2016-05-29

笨鸟Keep

谢谢老师~~~

0 4-2 拓展与总结

2016-05-27

Sxy97

用户体验不好

0 1-2 原理解析

2016-05-24

首页上一页 18 19 20 21 22 23 24 下一页尾页

开始学习

课程须知: 1、了解标签的用法，图片资源的引用 2、了解选择符的概念，以及基本的样式属性作用（宽、高等） 3、了解函数的调用，了解 DOM 元素的获取及其属性的读写 4、对程序的基本概念已经掌握，如变量，流程控制（条件，循环）

老师告诉你能学到什么？: 1、方法论：VCD 分解法 2、平面旋转、3D旋转、样式过度动画 3、如何用 JS+HTML 实现最简单的模板功能 4、简单的id,class DOM选择器实现 5、JS 算法：范围内随机数生成 6、数组、DOM 元素集合的遍历 7、FF 和 Chrome 样式兼容的方法

微信扫码，参与3人拼团

热搜

最近搜索清空