CSS: 前端的视差滚动,写出看起来高逼格的网页效果

        视差滚动其实是一个比较久远的技术,但第一次看到还是被震撼到了,这是什么神仙,是几个页面堆在一起的吗,但真正了解了之后发现写起来真的不难,而且看起来蛮高大上的。我第一次见到其实是在法拉第未来的官网里,你们懂得,贾跃亭的梦想之车https://www.faradayfuturecn.com/cn/ff-91/。

        然后我就把这玩意用在了年终总结的PPT上。没错,作为一个前端,即使在年度总结上也要耍骚!虽然最后的结果是在局域网上搞了半天才打开,而且加的webGL动画在古董投影仪上卡成PPT,但整体上还是完成了装逼。效果如下:

        实现起来其实很简单几个背景图的div排排坐,然后修改background属性

这里的min-height是一定要设置的

你可能感兴趣的:(css)