qq_34800114的博客

原创 纯css3.0打造具有绚丽视差滚动的图片切换

用纯css实现这款banner切换，在摒弃了定时器效果下，加上滚动视差感堪称完美。 效果预览先来剖析： 什么是视差滚动？ 视差滚动（Parallax Scrolling）是指多层背景以不同的速度移动，形成立体的运动效果，带来非常出色的视觉体验。 视差滚动的结构可以分成：背景层、内容层和悬浮层(贴图层)。悬浮层和背景层可为多层，能实现更为细腻的视差感，为了结构清晰，我们当前效果是各为一层。