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

全部评论问答未解决精华

歪嘴的肖恩

有两个问题需要注意，（1）老师为了演示，添加了一个photo_back类到 photo类里了。这里的photo_front和photo_front应该是JS控制切换正反面用的。需要特别注意！
（2）backface-visibility:hidden;设置之后正反面是不可能同时看到的，一个周期内（180deg）,0-90deg只能看到正面，90-180deg才能看到背面。
图片翻转代码欢迎到我的笔记里看看。

0 2-3 3D效果编写

2016-12-09

琥珀_z

看了老师的视频好几遍发现了这么几个问题：
1..photo .photo-wrap应该加入{
transform-origin: 0% 50% ;
}不然不是视频里翻转的效果
2..photo .side-front{
}或者.photo .side-back里面如果有display:none的话那也不能翻转因为隐藏

2 2-3 3D效果编写

2016-12-07

好好学习天天向上好开心快乐

讲得很好。老师辛苦了

1 3-5 完整翻转控制（1）

2016-12-02

好好学习天天向上好开心快乐

好厉害的样子

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

2016-12-01

精慕门8897441

为什么我的设置延时变化之后，会一直转啊转，设置几秒转几秒，我都晕了

2 3-6 完整翻转控制（2）

2016-12-01

Vivian_kawei

这是跟着老师来实现的代码，欢迎点评和参考 ^-^~
https://github.com/Vivian-kawei/PhotoGallery-byJavaScript

0 1-1 基本介绍

2016-11-29

若小点

测试随机数居然打印出-0 是什么东东

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

2016-11-29

慕粉1474638566

很感谢慕课网和it带给我全新的生命

3 1-2 原理解析

2016-11-22

xxxuthus

谢谢老师！

0 4-2 拓展与总结

2016-11-20

西兰花伟大炮

原来看不懂

0 1-1 基本介绍

2016-11-19

qq_八拜之交_04036988

var template =g('#wrap').innerHTML;和<img src="photo/{{img}}"/>报错

1 3-2 内容输出

2016-11-15

小m_

左右分区这个好烧脑(⊙o⊙)…

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

2016-11-15

qq_八拜之交_04036988

求data.js文件

0 3-2 内容输出

2016-11-14

qq_一梦两三年丶_0

为什么我把js文件单独做成一个文件，然后再引入就不行了呢，但是直接在html文件里写就可以运行

0 3-2 内容输出

2016-11-13

qq_dandelion_124346625

可不可以把这个网页改为让用户自己上传图片，并且不用到数据库啊

0 3-5 完整翻转控制（1）

2016-11-08

首页上一页 7 8 9 10 11 12 13 下一页尾页

开始学习

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