视差滚动自己用过的

最新推荐文章于 2024-06-21 09:45:51 发布

冷色系微风爱丶

最新推荐文章于 2024-06-21 09:45:51 发布

阅读量155

点赞数

分类专栏： css

css 专栏收录该内容

20 篇文章 0 订阅

订阅专栏

之前没有用过视差滚动，就只是看了一下效果，在用到的时候，没有去用插件，只是用了background 几个属性就ok了

<div class="luxy"></div>

.luxy{
 /*background-image:linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("../image/aerolite.png");*/
   background-image:url("../image/aerolite.png");
   background-repeat:no-repeat;
   background-position:center center;
   background-size:cover;
   background-attachment: fixed;
   padding:200px 0;
}

background-attachment 固定背景图像。图像不会随着页面的其他部分滚动。