Home  >  Q&A  >  body text

javascript - 网页多层背景效果如何实现

http://www.bilibili.com/html/...
类似如上页面的banner部分,是用什么样的方式实现的?

巴扎黑巴扎黑2629 days ago626

reply all(3)I'll reply

  • PHP中文网

    PHP中文网2017-04-11 12:49:59

    总共用了5个p,设置每个背景图片,图片格式均为png图片,然后对每个p都设置了transform:translate();
    监听用户的滚动事件scroll,并且设置不同的递增值.然后错位视觉滚动就来了,有兴趣自己可以去搜索下.
    五张图为:




    reply
    0
  • 天蓬老师

    天蓬老师2017-04-11 12:49:59

    可以设置一个有透明度的 p

    reply
    0
  • 阿神

    阿神2017-04-11 12:49:59

    图像处理软件制作
    或者
    背景图像 上面覆盖 RGBA背景的p 再覆盖 PNG图像

    reply
    0
  • Cancelreply