Commit 39f41ffa authored by zhangjianguo's avatar zhangjianguo

节日的修改

parent 81285297
......@@ -20,12 +20,17 @@
<div class="bg3 animated fadeIn"></div>
<div class="bg4 animated fadeIn"></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="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>
......
......@@ -36,14 +36,14 @@ p{
-webkit-animation-delay:0.5s;
}
.bg2{
width: 3.31rem;
width: 3.345rem;
height: 4.21rem;
background-image: url('../img/NewYear/n_1.png');
background-size: 100% 100%;
background-repeat: no-repeat;
position: absolute;
left: 0rem;
top: 2.46rem;
left: -0.3rem;
top: 2.21rem;
-webkit-animation-delay:1s;
}
.bg3{
......@@ -54,7 +54,7 @@ p{
background-repeat: no-repeat;
position: absolute;
left: 1.38rem;
top: 3.05rem;
top: 2.795rem;
-webkit-animation-delay:1.8s;
}
.bg4{
......@@ -65,7 +65,7 @@ p{
background-repeat: no-repeat;
position: absolute;
left: 1.14rem;
top: 3.81rem;
top: 3.555rem;
-webkit-animation-delay:2.3s;
}
.bg5{
......@@ -91,15 +91,15 @@ p{
-webkit-animation-delay:2.6s;
}
.bg7{
width: 1.03rem;
height: 0.64rem;
width: 0.877rem;
height: 0.5435rem;
background-image: url('../img/NewYear/n_5.png');
background-size: 100% 100%;
background-repeat: no-repeat;
position: absolute;
right: 0.49rem;
bottom: 0.59rem;
-webkit-animation-delay:3s;
right: 0.22rem;
bottom: 0.515rem;
-webkit-animation-delay:3.5s;
}
.bg8{
width: 2.5rem;
......@@ -112,3 +112,31 @@ p{
bottom: 0.18rem;
-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