久久资源网

js css3科技感视差背景特效

js css3科技感视差背景特效

2019-06-13 21:40:32 CSS3实例

售价:5.00积分 会员免费

特别声明:资源售价只是赞助,不代表代码或者素材本身点数。收取费用仅维持本站的日常运营所需!

js css3科技感视差背景特效

【原创】js基于css3 transform属性多张背景云、星空、夜晚图片拼接的,页面滚动视差效果。适用于科技网络的动态网页背景特效。

使用方法

1、head引入css文件

<link rel="stylesheet" href="css/style.css">

2、body引入部分

<div id="parallax-container">
	<div style="background: url(i/SkyBG.webp);"></div>
	<div style="background: url(i/Clouds1.webp);"></div>
	<div style="background: url(i/Clouds2.webp);"></div>
	<div style="background: url(i/Clouds3.webp);"></div>
	<div style="background: url(i/Moon.webp)"></div>
	<div style="background: url(i/Hill.webp)"></div>
</div>

<div id="content">

	<div style="height:1000px;"></div>
	
</div>
  
<script src="js/script.js"></script>

资源出处:https://www.moyublog.com/codes/9372.html

关注微信