Commit e396630e authored by Mac's avatar Mac

考试加油h5

parent 81b11329
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=0,viewport-fit=cover" />
<meta name="format-detection" content="telephone=no" />
<meta content="yes" name="mobile-web-app-capable">
<meta content="yes" name="apple-mobile-web-app-capable" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
<title>考试加油</title>
<script type="text/javascript" src="../../js/autosize2.js"></script>
<link rel="stylesheet" href="css/Examination.css">
<link rel="stylesheet" href="css/animate.min.css">
</head>
<body>
<div class="Box" style="position: fixed;left: 0;top:0">
<div class="bg_1 animated fadeIn"></div>
<div class="bg_2 animated bounceInDown"></div>
<div class="bg_3 animated fadeInLeft"></div>
<div class="bg_4 animated bounceInUp"></div>
<div class="bg_5 animated bounceInUp"></div>
<div class="bg_6 animated fadeInUp"></div>
</div>
</body>
<script src="../../js/moveJs/jquery.min.js"></script>
<script>
</script>
</html>
html,
body {
margin: 0;
padding: 0;
overflow-x: hidden;
height: auto;
}
*{
-webkit-tap-highlight-color: transparent;
}
p{
-webkit-margin-before: 0;
-webkit-margin-after: 0;
}
.Box{
width: 100%;
height: 100%;
background-image: url('../img/Examination/e_bg.png');
background-size: 100% 100%;
background-repeat: no-repeat;
position: relative;
}
.bg_1{
width: 2.625rem;
height: 2.815rem;
background-image: url('../img/Examination/e_1.png');
background-size: 100% 100%;
background-repeat: no-repeat;
position: absolute;
top: 1.045rem;
left: 0.55rem;
-webkit-animation-delay:0.5s;
}
.bg_2{
width: 3.72rem;
height: 1.43rem;
background-image: url('../img/Examination/e2.png');
background-size: 100% 100%;
background-repeat: no-repeat;
position: absolute;
top: 1.605rem;
left: 0.015rem;
-webkit-animation-delay:0.8s;
}
.bg_3{
width: 2.755rem;
height: 0.595rem;
background-image: url('../img/Examination/e_6.png');
background-size: 100% 100%;
background-repeat: no-repeat;
position: absolute;
top: 3.485rem;
left: 0.5rem;
-webkit-animation-delay:1.2s;
}
.bg_4{
width: 0.74rem;
height: 0.95rem;
background-image: url('../img/Examination/e_4.png');
background-size: 100% 100%;
background-repeat: no-repeat;
position: absolute;
top: 4.255rem;
left: 1.5rem;
-webkit-animation-delay:1.5s;
}
.bg_5{
width: 3.47rem;
height: 1.23rem;
background-image: url('../img/Examination/e_5.png');
background-size: 100% 100%;
background-repeat: no-repeat;
position: absolute;
top: 4.6rem;
left: 0.14rem;
-webkit-animation-delay:2s;
}
.bg_6{
width: 2.15rem;
height: 0.28rem;
background-image: url('../img/Examination/e_3.png');
background-size: 100% 100%;
background-repeat: no-repeat;
position: absolute;
left: 0.87rem;
bottom: 0.3rem;
-webkit-animation-delay:2.3s;
}
This diff is collapsed.
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment