Commit a62e8ee2 authored by Mac's avatar Mac

修改图片

parent e396630e
......@@ -21,6 +21,9 @@
<div class="bg_5 animated bounceInUp"></div>
<div class="bg_6 animated fadeInUp"></div>
<div class="bg_7 animated fadeInUp"></div>
<div class="bg_8 animated bounceInRight"></div>
</div>
......
......@@ -26,6 +26,7 @@
<div class="bg_10 animated fadeInUp"></div>
<div class="bg_12 animated fadeInUp"></div>
<div class="text_1 animated fadeInLeft">时光不老,青春不散</div>
<div class="text_2 animated fadeInRight">既是结束,亦是开始</div>
......@@ -52,10 +53,14 @@
setTimeout(function () {
$('.bg_10').removeClass('animated').removeClass('fadeInUp').addClass('animation')
},4000)
},3000)
$('.text_6 img').click(function () {
console.log('点击')
})
setTimeout(function () {
$('.bg_12').removeClass('fadeInUp').addClass('flipInY')
},2000)
</script>
</html>
......@@ -93,3 +93,26 @@ p{
-webkit-animation-delay:2.3s;
}
.bg_7{
width: 1.81rem;
height: 0.175rem;
background-image: url('../img/Examination/e_7.png');
background-size: 100% 100%;
background-repeat: no-repeat;
position: absolute;
top: 2.82rem;
left: 0.955rem;
-webkit-animation-delay:1.5s;
}
.bg_8{
width: 0.39rem;
height: 0.315rem;
background-image: url('../img/Examination/e_8.png');
background-size: 100% 100%;
background-repeat: no-repeat;
position: absolute;
top: 3.595rem;
left: 2.665rem;
-webkit-animation-delay:1.5s;
}
......@@ -138,6 +138,19 @@ p{
left: 0;
-webkit-animation-delay:2s;
}
.bg_12{
width: 0.282rem;
height: 0.447rem;
background-image: url('../img/Graduation/g12.png');
background-size: 100% 100%;
background-repeat: no-repeat;
position: absolute;
bottom: 2.06rem;
right: 0.37rem;
-webkit-animation-delay:2s;
animation-iteration-count: 1000;
animation-duration: 3s
}
.animation{
-webkit-animation:circle 5s infinite linear;
-moz-animation:circle 5s infinite linear;
......
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