视差滚动 自己用过的

之前没有用过视差滚动,就只是看了一下效果,在用到的时候,没有去用插件,只是用了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  固定背景图像。图像不会随着页面的其他部分滚动。

猜你喜欢

转载自blog.csdn.net/czy279470138/article/details/85703154