http://www.bilibili.com/html/...类似如上页面的banner部分，是用什么样的方式实现的？
总共用了5个p,设置每个背景图片,图片格式均为png图片,然后对每个p都设置了transform:translate();监听用户的滚动事件scroll,并且设置不同的递增值.然后错位视觉滚动就来了,有兴趣自己可以去搜索下.五张图为:
可以设置一个有透明度的 p
图像处理软件制作或者背景图像 上面覆盖 RGBA背景的p 再覆盖 PNG图像
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
总共用了5个p,设置每个背景图片,图片格式均为png图片,然后对每个p都设置了transform:translate();
监听用户的滚动事件scroll,并且设置不同的递增值.然后错位视觉滚动就来了,有兴趣自己可以去搜索下.
五张图为:
可以设置一个有透明度的 p
图像处理软件制作
或者
背景图像 上面覆盖 RGBA背景的p 再覆盖 PNG图像