好好研究一下人家轮播图是怎么写的

https://github.com/gilbitron/Nivo-Slider

好好研究一下人家是怎么利用box-shadow和before after做出神奇特效
http://tympanus.net/Development/PseudoElementsAnimationsTransitions/index2.html,,
方法:
①看源代码。把过程研究清楚
②缩短transition的时间,明白为什么这么设置之后会出现这样的效果

google整了一个用canvas画轮播图,我觉得非常巧妙啊。
而且它的轮播是有视差效果的!
canvas的特点就是所有的内部细节,包括元素,都不进行暴露,全部写在一个js里面。就像一个shadow-DOM

复习一下shadow-DOM

https://github.com/YIXUNFE/blog/issues/10

你可能感兴趣的:(好好研究一下人家轮播图是怎么写的)