Commit 39f41ffa authored by zhangjianguo's avatar zhangjianguo

节日的修改

parent 81285297
...@@ -20,12 +20,17 @@ ...@@ -20,12 +20,17 @@
<div class="bg3 animated fadeIn"></div> <div class="bg3 animated fadeIn"></div>
<div class="bg4 animated fadeIn"></div> <div class="bg4 animated fadeIn"></div>
<div class="bg5 animated fadeInRight"></div> <div class="bg5 animated fadeInRight"></div>
<div class="bg6 animated fadeInLeft"></div> <!--<div class="bg6 animated fadeInLeft"></div>-->
<div class="bg7 animated fadeInRight"></div> <div class="bg7 animated fadeInRight"></div>
<div class="bg8 animated fadeInUp"></div> <div class="bg8 animated fadeInUp"></div>
<div class="Blessings">
<p class="animated fadeIn">元旦到,愿你在新的一年:</p>
<p class="animated fadeIn">春季像花一样漂亮,夏季像水一样清凉,</p>
<p class="animated fadeIn">秋季像果实一样成熟,冬季像火炉一样温暖。</p>
<p class="animated fadeIn">和平祝你,元旦快乐~</p>
</div>
</div> </div>
......
...@@ -36,14 +36,14 @@ p{ ...@@ -36,14 +36,14 @@ p{
-webkit-animation-delay:0.5s; -webkit-animation-delay:0.5s;
} }
.bg2{ .bg2{
width: 3.31rem; width: 3.345rem;
height: 4.21rem; height: 4.21rem;
background-image: url('../img/NewYear/n_1.png'); background-image: url('../img/NewYear/n_1.png');
background-size: 100% 100%; background-size: 100% 100%;
background-repeat: no-repeat; background-repeat: no-repeat;
position: absolute; position: absolute;
left: 0rem; left: -0.3rem;
top: 2.46rem; top: 2.21rem;
-webkit-animation-delay:1s; -webkit-animation-delay:1s;
} }
.bg3{ .bg3{
...@@ -54,7 +54,7 @@ p{ ...@@ -54,7 +54,7 @@ p{
background-repeat: no-repeat; background-repeat: no-repeat;
position: absolute; position: absolute;
left: 1.38rem; left: 1.38rem;
top: 3.05rem; top: 2.795rem;
-webkit-animation-delay:1.8s; -webkit-animation-delay:1.8s;
} }
.bg4{ .bg4{
...@@ -65,7 +65,7 @@ p{ ...@@ -65,7 +65,7 @@ p{
background-repeat: no-repeat; background-repeat: no-repeat;
position: absolute; position: absolute;
left: 1.14rem; left: 1.14rem;
top: 3.81rem; top: 3.555rem;
-webkit-animation-delay:2.3s; -webkit-animation-delay:2.3s;
} }
.bg5{ .bg5{
...@@ -91,15 +91,15 @@ p{ ...@@ -91,15 +91,15 @@ p{
-webkit-animation-delay:2.6s; -webkit-animation-delay:2.6s;
} }
.bg7{ .bg7{
width: 1.03rem; width: 0.877rem;
height: 0.64rem; height: 0.5435rem;
background-image: url('../img/NewYear/n_5.png'); background-image: url('../img/NewYear/n_5.png');
background-size: 100% 100%; background-size: 100% 100%;
background-repeat: no-repeat; background-repeat: no-repeat;
position: absolute; position: absolute;
right: 0.49rem; right: 0.22rem;
bottom: 0.59rem; bottom: 0.515rem;
-webkit-animation-delay:3s; -webkit-animation-delay:3.5s;
} }
.bg8{ .bg8{
width: 2.5rem; width: 2.5rem;
...@@ -112,3 +112,31 @@ p{ ...@@ -112,3 +112,31 @@ p{
bottom: 0.18rem; bottom: 0.18rem;
-webkit-animation-delay:3.5s; -webkit-animation-delay:3.5s;
} }
.Blessings{
width: 88%;
position: absolute;
left: 6%;
top: 4.464rem;
font-size: 0.18rem;
color: #931515;
}
.Blessings p{
margin-top: 0.07rem;
}
.Blessings p:nth-child(1){
-webkit-animation-delay:2.5s;
}
.Blessings p:nth-child(2){
-webkit-animation-delay:3s;
}
.Blessings p:nth-child(3){
-webkit-animation-delay:3.5s;
}
.Blessings p:nth-child(4){
-webkit-animation-delay:4s;
}
\ No newline at end of file
html/shortLinks/img/NewYear/n_bg.png

193 KB | W: | H:

html/shortLinks/img/NewYear/n_bg.png

192 KB | W: | H:

html/shortLinks/img/NewYear/n_bg.png
html/shortLinks/img/NewYear/n_bg.png
html/shortLinks/img/NewYear/n_bg.png
html/shortLinks/img/NewYear/n_bg.png
  • 2-up
  • Swipe
  • Onion skin
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