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
                                逻辑清晰

全部评论问答未解决精华

萌萌-炎印

老师你自己改了很多命名，前面和后面的对不起来==而且还没有说，我看了好半天.....要不是自己多少会一点....根本看不明白

0 2-3 3D效果编写

2016-08-28

kokocha

参考源码 https://github.com/hahawhy/IMOOCPractices/tree/master/HashGallery

7 2-2 基本界面编写

2016-08-24

kokocha

跟着老师敲的，供同学们参考 https://github.com/hahawhy/IMOOCPractices/tree/master/HashGallery

2016-08-24

Zero_index

transition写成了transfrom...找了半天

0 2-3 3D效果编写

2016-08-24

sun1212shine

Q曲
我想说，代码一直跟着敲，效果却跟展示的不一样，代码一模一样，却只能一直显示正面，而且不能翻转，反正敲了一大半没那种效果，失望

最后加了
.photo-wrap .side{
-webkit-backface-visibility:hidden;
}
.photo_front .photo-wrap{
-webkit-transform:rotateY(0deg);
height:100%;
}
.photo_back .photo-wrap{
-webkit-transform:rotateY(180deg);
height:100%;
}
反面再也出现不了了

1 2-3 3D效果编写

2016-08-22

关于引号使用求大神解答

+ 我来回答回答最高可+2积分

0 回答 669 浏览

2016-08-17

qq_SUK魅夜音符_03831995

很炫的效果！

0 1-1 基本介绍

2016-08-16

设置3d效果时，并没有side_back在上，而是side_front在上面先显示，为什么

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

<...code...>一个0deg 面对屏幕一个180deg背对屏幕。当然是0deg在上面啊，面对我们，所以我们才能看见了。背对我们的也设置了3d效果，只是背对我们看不见而已。自己多看看基础了！！！

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

2016-08-15

行走的指尖

为什么视频没有声音。。。

0 2-3 3D效果编写

2016-08-15

icheer

上一层说错了，sort随机方法，数组元素越少的情况下越接近随机，元素越多越不随机（试想：sort方法两个相邻元素有50%的概率互换位置，如果数组有100个元素，第一个元素最终到达第100个元素的位置这种概率无限接近于零——0.5的99次方，而真正的随机，这种概率应该约为0.01）所以真正的随机是在原数组中随机抽取splice掉1个元素，push到空数组，再用原数组的新length执行for循环。或者楼上博文里使用的数组内元素（不分远近）互换位置也可以实现数组乱序。

1 4-2 拓展与总结

2016-08-12

icheer

老师讲的真好，指出一点见解：案例总结6分40秒的数组乱序用sort方法不正确，这种方法随机数组越靠前的元素越随机，越靠后越不随机，这不是真正的随机。参考这篇博文：《数组的完全随机排列》https://www.h5jun.com/post/array-shuffle.html

2 4-2 拓展与总结

2016-08-12

雪过无痕

网站升级了，刚开始还真是不太适应了

0 1-2 原理解析

2016-08-10

line-height

已采纳回答 / 风萧萧梦潇潇

设置line-height大小与文本容器等高，可以使单行文本垂直居中。再加上text-align:center;可以使文本垂直水平居中。

2 回答 1206 浏览 2-2 基本界面编写

2016-08-07

诸侯戏烽火

为什么我的.photo样式属性对.photo_center没用？

0 2-3 3D效果编写

2016-08-07

妙言

老师讲得好好呀，特别感谢！

0 4-2 拓展与总结

2016-08-03

妙言

应该是rsort(random([0,data.length-1]));

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

2016-08-02

首页上一页 16 17 18 19 20 21 22 下一页尾页

开始学习

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空