jquery.parallax+particles实现粒子悬浮视觉差异效果代码

代码语言:html

所属分类:视觉差异

代码描述:jquery.parallax+particles实现粒子悬浮视觉差异效果代码

代码标签: parallax particles 粒子 悬浮 视觉差异

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <style>
        @import url(https://fonts.googleapis.com/css?family=Lato:400,300,100);
        	body {
        	font-family:"Lato";
        	background:#2980b9;
        	overflow:hidden;
        	height:100%;
        	width:100%;
        	-webkit-font-smoothing:antialiased;
        	-webkit-user-select:none;
        	-moz-user-select:none;
        	-ms-user-select:none;
        	user-select:none
        }
        #particles-js,#parallax,.layer,.some-space,.some-more-space {
        	height:100%;
        	position:absolute;
        	width:100%
        }
        #particles-js {
        	opacity:.6
        }
        h1 {
        	color:white;
        	font-size:5em;
        	font-weight:100;
        	letter-spacing:.2em;
        	position:absolute;
        	top:50%;
        	left:50%;
        	transform:translate3d(-50%,-50%,0)
        }
        a {
        	color:white;
        	border:1px solid white;
        	display:table;
        	position:.........完整代码请登录后点击上方下载按钮下载查看

网友评论0