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

全部评论问答未解决精华

慕少5154646

xuedao le boxsizing,3q

0 2-2 基本界面编写

2018-02-20

慕粉2310004980

。。。。。

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

2018-01-10

慕后端3673938

console运行g('#wrap')时报错， Uncaught TypeError: document[method] is not a function
at g (index.html:137)
at <anonymous>:1:1
g @ index.html:137
(anonymous) @ VM547:1

0 3-2 内容输出

2017-12-24

qq_亲爱的自己_1

老师，素材在哪儿啊

1 2-1 基本介绍

2017-12-22

慕粉2138491990

想请教下，大家一般都用什么软件编程？感觉DW一般般

0 1-2 原理解析

2017-12-14

微风灬唐唐

.photo-wrap{
transform-style: preserve-3d; /*FF支持,ie全不支持，作用使被转换的子元素保留其3D转换*/
-webkit-transform-style:preserve-3d;
}在这里保留了3D转换
.photo-wrap .side-front{
-webkit-transform:rotateY(0deg);
}
.photo-wrap .side-back{
-webkit-transform:rotateY(180deg);
}
这样就可以直接实现隐藏back的效果了，不需要用到backface呀

0 2-3 3D效果编写

2017-12-12

慕沐4855668

这个是响应式的吗

0 2-1 基本介绍

2017-12-06

青楼小伙计

ceil 向上取整最后一个会溢出吧
改成floor round parseInt好像都可以.........

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

2017-11-30

幕布斯1467664

O(∩_∩)O谢谢老师~

0 4-2 拓展与总结

2017-11-24

拱猪的小白菜

老师讲的非常好，思路清晰，受益匪浅

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

2017-11-19

java转前端

消除中间图片闪动之后，photo-center的样式相当于没用了，js中的photo-center只起到了类似于flag的作用，而且分布的x,y的区域也受到（margin:-160px 0 0 -130px）的影响，所以计算分布区域时，要在原来的基础上x+130，y+160。

2 4-1 优化与兼容

2017-11-16

momentum

刚按照课程做的，字体文件和其他文件都有。代码下载：https://github.com/zhujingyi5419/css3-js-gallery。觉得有用的麻烦给个星星，谢谢！

2017-11-14

java转前端

左分区的取值是海报的左边缘，右分区的取值是海报的右边缘，这里弄清楚就好懂了

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

2017-11-09

java转前端

老师的取值完全没问题，这里的取值范围指能看到海报一丁点也算，而不是指看到整个海报范围

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

2017-11-09

java转前端

这么写还不如直接用AngularJs写吧，data.js可以写成data.json文件，然后双向绑定更方便。

1 3-2 内容输出

2017-11-09

首页上一页 1 2 3 4 5 6 7 下一页尾页

开始学习

课程须知: 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 实现超炫的散列画廊特效