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-wrap .side-back{
-webkit-transform: rotatey(180deg); /*描述区域翻转180度，与图片区域形成正反面*/
}
.photo-back .photo-wrap{
-webkit-transform: rotatey(10deg); /*图片区域与描述区域共同的父元素翻转，形成具有两面的海报*/
}

1 2-3 3D效果编写

2017-03-09

_博文

自己写的，自己测试的没bug，画面没闪现，有自己的写法和注释，喜欢的拿去：
https://github.com/superbowen/HashGallery（在线预览：https://superbowen.github.io/HashGallery/）

14 1-1 基本介绍

2017-02-28

_博文

g()函数就是模仿jQ的$()部分功能

0 3-2 内容输出

2017-02-26

慕后端7169013

跪求data.js文件啊

0 3-2 内容输出

2017-02-25

手机的用户

短横线-和下划线_用的好乱啊，不能统一一下吗

0 2-3 3D效果编写

2017-02-24

标标哟

老师这个课程应该是高级吧。。。

0 4-2 拓展与总结

2017-02-23

手机的用户

虽然键盘声音很闹心，说话声音也难听，清晰度又低，但是学到的知识还是很多的，感谢！

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

2017-02-23

慕粉3285389

Math.floor()

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

2017-02-23

手机的用户

讲得好啰嗦啊

0 1-2 原理解析

2017-02-20

歌神王司徒3749469

讲的太好太详细了。

0 1-1 基本介绍

2017-02-20

qq_疯行者_0

这里的随机函数有个小小的问题，主要是因为取整函数和js的Math函数的随机原理造成的，因为js得随机原理是在0-1之间生成一个随机数，不知道会不会生成等于极值得数字，但是无论会不会其概率都是最低得（因为生成得随机数小数点后有16位）。按照老师得函数如果是要生成5-10之间的能等于极值得随机数，要得到等于5得随机数只有当随机数是0是才会等于5，这是由于取整函数决定得，只要小数点后有数据就自动在整数位进一位，所以几乎不可能生成最小值。所以在取值范围是整数时要记住传值时如果要可以等于最小极值要将最小值减一（因不知道js得随机会不会获得极值，也就是0。所以为了完全消除这个概率极低问题，加个判断即可）。

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

2017-02-10

_掉毛的皮卡丘_

缩放的话，把中间设置为1，两边的缩小一点会不会比较好，因为放大中间的话，背面的文字会因为放大变得模糊

0 4-1 优化与兼容

2017-02-08

慕妹6355885

能给差评的话，绝对给你个！

2017-02-08

慕妹6355885

真是服了，看了半天，到最后没有data.js ，这下面还怎么实现。醉了

2017-02-08

_掉毛的皮卡丘_

angularjs即视感

0 3-2 内容输出

2017-02-07

首页上一页 4 5 6 7 8 9 10 下一页尾页

开始学习

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

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