Commit 7f35694c by zhangheng

y

parent 492e8e63
...@@ -552,7 +552,7 @@ ul, li { ...@@ -552,7 +552,7 @@ ul, li {
display: inline-block; display: inline-block;
left: 71px; left: 71px;
top: 1222px; top: 1222px;
background: url("../images/lang/1.png") left top; background: url("../images/1.png") left top;
width: 267px; width: 267px;
height: 147px; height: 147px;
-webkit-animation: left 0.5s 1 linear; -webkit-animation: left 0.5s 1 linear;
...@@ -564,7 +564,7 @@ ul, li { ...@@ -564,7 +564,7 @@ ul, li {
display: inline-block; display: inline-block;
left: 116px; left: 116px;
top: 1466px; top: 1466px;
background: url("../images/lang/2.png") left top; background: url("../images/2.png") left top;
width: 486px; width: 486px;
height: 384px; height: 384px;
-webkit-animation: right 0.5s 1 linear; -webkit-animation: right 0.5s 1 linear;
...@@ -576,7 +576,7 @@ ul, li { ...@@ -576,7 +576,7 @@ ul, li {
display: inline-block; display: inline-block;
left: 39px; left: 39px;
top: 1725px; top: 1725px;
background: url("../images/lang/3.png") left top; background: url("../images/3.png") left top;
width: 396px; width: 396px;
height: 408px; height: 408px;
-webkit-animation: left 0.5s 1 linear; -webkit-animation: left 0.5s 1 linear;
...@@ -588,7 +588,7 @@ ul, li { ...@@ -588,7 +588,7 @@ ul, li {
display: inline-block; display: inline-block;
left: 215px; left: 215px;
top: 2258px; top: 2258px;
background: url("../images/lang/4.png") left top; background: url("../images/4.png") left top;
width: 367px; width: 367px;
height: 147px; height: 147px;
-webkit-animation: right 0.5s 1 linear; -webkit-animation: right 0.5s 1 linear;
...@@ -600,7 +600,7 @@ ul, li { ...@@ -600,7 +600,7 @@ ul, li {
display: inline-block; display: inline-block;
left: 57px; left: 57px;
top: 2468px; top: 2468px;
background: url("../images/lang/5.png") left top; background: url("../images/5.png") left top;
width: 294px; width: 294px;
height: 565px; height: 565px;
-webkit-animation: left 0.5s 1 linear; -webkit-animation: left 0.5s 1 linear;
...@@ -612,7 +612,7 @@ ul, li { ...@@ -612,7 +612,7 @@ ul, li {
display: inline-block; display: inline-block;
left: 242px; left: 242px;
top: 2522px; top: 2522px;
background: url("../images/lang/6.png") left top; background: url("../images/6.png") left top;
width: 344px; width: 344px;
height: 507px; height: 507px;
-webkit-animation: right 0.5s 1 linear; -webkit-animation: right 0.5s 1 linear;
...@@ -624,7 +624,7 @@ ul, li { ...@@ -624,7 +624,7 @@ ul, li {
display: inline-block; display: inline-block;
left: 69px; left: 69px;
top: 3233px; top: 3233px;
background: url("../images/lang/7.png") left top; background: url("../images/7.png") left top;
width: 478px; width: 478px;
height: 147px; height: 147px;
-webkit-animation: left 0.5s 1 linear; -webkit-animation: left 0.5s 1 linear;
...@@ -636,7 +636,7 @@ ul, li { ...@@ -636,7 +636,7 @@ ul, li {
display: inline-block; display: inline-block;
left: 99px; left: 99px;
top: 3439px; top: 3439px;
background: url("../images/lang/8.png") left top; background: url("../images/8.png") left top;
width: 461px; width: 461px;
height: 189px; height: 189px;
-webkit-animation: down 0.5s 1 linear; -webkit-animation: down 0.5s 1 linear;
...@@ -648,7 +648,7 @@ ul, li { ...@@ -648,7 +648,7 @@ ul, li {
display: inline-block; display: inline-block;
left: 117px; left: 117px;
top: 3672px; top: 3672px;
background: url("../images/lang/9.png") left top; background: url("../images/9.png") left top;
width: 355px; width: 355px;
height: 176px; height: 176px;
-webkit-animation: right 0.5s 1 linear; -webkit-animation: right 0.5s 1 linear;
...@@ -659,7 +659,7 @@ ul, li { ...@@ -659,7 +659,7 @@ ul, li {
display: inline-block; display: inline-block;
left: 125px; left: 125px;
top: 3885px; top: 3885px;
background: url("../images/lang/10.png") left top; background: url("../images/10.png") left top;
width: 388px; width: 388px;
height: 246px; height: 246px;
-webkit-animation: left 0.5s 1 linear; -webkit-animation: left 0.5s 1 linear;
...@@ -671,7 +671,7 @@ ul, li { ...@@ -671,7 +671,7 @@ ul, li {
display: inline-block; display: inline-block;
left: 185px; left: 185px;
top: 4302px; top: 4302px;
background: url("../images/lang/11.png") left top; background: url("../images/11.png") left top;
width: 394px; width: 394px;
height: 148px; height: 148px;
-webkit-animation: right 0.5s 1 linear; -webkit-animation: right 0.5s 1 linear;
...@@ -683,7 +683,7 @@ ul, li { ...@@ -683,7 +683,7 @@ ul, li {
display: inline-block; display: inline-block;
left: 89px; left: 89px;
top: 4474px; top: 4474px;
background: url("../images/lang/12.png") left top; background: url("../images/12.png") left top;
width: 468px; width: 468px;
height: 211px; height: 211px;
-webkit-animation: down 0.5s 1 linear; -webkit-animation: down 0.5s 1 linear;
...@@ -695,7 +695,7 @@ ul, li { ...@@ -695,7 +695,7 @@ ul, li {
display: inline-block; display: inline-block;
left: 70px; left: 70px;
top: 4674px; top: 4674px;
background: url("../images/lang/13.png") left top; background: url("../images/13.png") left top;
width: 486px; width: 486px;
height: 172px; height: 172px;
-webkit-animation: right 0.5s 1 linear; -webkit-animation: right 0.5s 1 linear;
...@@ -707,7 +707,7 @@ ul, li { ...@@ -707,7 +707,7 @@ ul, li {
display: inline-block; display: inline-block;
left: 105px; left: 105px;
top: 4876px; top: 4876px;
background: url("../images/lang/14.png") left top; background: url("../images/14.png") left top;
width: 454px; width: 454px;
height: 160px; height: 160px;
-webkit-animation: down 0.5s 1 linear; -webkit-animation: down 0.5s 1 linear;
...@@ -719,7 +719,7 @@ ul, li { ...@@ -719,7 +719,7 @@ ul, li {
display: inline-block; display: inline-block;
left: 149px; left: 149px;
top: 6170px; top: 6170px;
background: url("../images/lang/18.png") left top; background: url("../images/18.png") left top;
width: 427px; width: 427px;
height: 147px; height: 147px;
-webkit-animation: right 0.5s 1 linear; -webkit-animation: right 0.5s 1 linear;
...@@ -731,7 +731,7 @@ ul, li { ...@@ -731,7 +731,7 @@ ul, li {
display: inline-block; display: inline-block;
left: 65px; left: 65px;
top: 5227px; top: 5227px;
background: url("../images/lang/16.png") left top; background: url("../images/16.png") left top;
width: 315px; width: 315px;
height: 147px; height: 147px;
-webkit-animation: left 0.5s 1 linear; -webkit-animation: left 0.5s 1 linear;
...@@ -743,7 +743,7 @@ ul, li { ...@@ -743,7 +743,7 @@ ul, li {
display: inline-block; display: inline-block;
left: 70px; left: 70px;
top: 5474px; top: 5474px;
background: url("../images/lang/17.png") left top; background: url("../images/17.png") left top;
width: 528px; width: 528px;
height: 484px; height: 484px;
-webkit-animation: down 0.5s 1 linear; -webkit-animation: down 0.5s 1 linear;
...@@ -755,7 +755,7 @@ ul, li { ...@@ -755,7 +755,7 @@ ul, li {
display: inline-block; display: inline-block;
left: 39px; left: 39px;
top: 6361px; top: 6361px;
background: url("../images/lang/19.png") left top; background: url("../images/19.png") left top;
width: 548px; width: 548px;
height: 304px; height: 304px;
-webkit-animation: left 0.5s 1 linear; -webkit-animation: left 0.5s 1 linear;
...@@ -767,7 +767,7 @@ ul, li { ...@@ -767,7 +767,7 @@ ul, li {
display: inline-block; display: inline-block;
left: 70px; left: 70px;
top: 6691px; top: 6691px;
background: url("../images/lang/20.png") left top; background: url("../images/20.png") left top;
width: 520px; width: 520px;
height: 419px; height: 419px;
-webkit-animation: down 0.5s 1 linear; -webkit-animation: down 0.5s 1 linear;
...@@ -779,7 +779,7 @@ ul, li { ...@@ -779,7 +779,7 @@ ul, li {
display: inline-block; display: inline-block;
left: 74px; left: 74px;
top: 7268px; top: 7268px;
background: url("../images/lang/21.png") left top; background: url("../images/21.png") left top;
width: 267px; width: 267px;
height: 147px; height: 147px;
-webkit-animation: left 0.5s 1 linear; -webkit-animation: left 0.5s 1 linear;
...@@ -791,7 +791,7 @@ ul, li { ...@@ -791,7 +791,7 @@ ul, li {
display: inline-block; display: inline-block;
left: 463px; left: 463px;
top: 7239px; top: 7239px;
background: url("../images/lang/22.png") left top; background: url("../images/22.png") left top;
width: 103px; width: 103px;
height: 411px; height: 411px;
-webkit-animation: top 0.5s 1 linear; -webkit-animation: top 0.5s 1 linear;
...@@ -803,7 +803,7 @@ ul, li { ...@@ -803,7 +803,7 @@ ul, li {
display: inline-block; display: inline-block;
left: 54px; left: 54px;
top: 7557px; top: 7557px;
background: url("../images/lang/23.png") left top; background: url("../images/23.png") left top;
width: 517px; width: 517px;
height: 364px; height: 364px;
-webkit-animation: left 0.5s 1 linear; -webkit-animation: left 0.5s 1 linear;
...@@ -815,7 +815,7 @@ ul, li { ...@@ -815,7 +815,7 @@ ul, li {
display: inline-block; display: inline-block;
left: 319px; left: 319px;
top: 8096px; top: 8096px;
background: url("../images/lang/24.png") left top; background: url("../images/24.png") left top;
width: 259px; width: 259px;
height: 148px; height: 148px;
-webkit-animation: right 0.5s 1 linear; -webkit-animation: right 0.5s 1 linear;
...@@ -827,7 +827,7 @@ ul, li { ...@@ -827,7 +827,7 @@ ul, li {
display: inline-block; display: inline-block;
left: 35px; left: 35px;
top: 8215px; top: 8215px;
background: url("../images/lang/25.png") left top; background: url("../images/25.png") left top;
width: 371px; width: 371px;
height: 255px; height: 255px;
-webkit-animation: left 0.5s 1 linear; -webkit-animation: left 0.5s 1 linear;
...@@ -839,7 +839,7 @@ ul, li { ...@@ -839,7 +839,7 @@ ul, li {
display: inline-block; display: inline-block;
left: 85px; left: 85px;
top: 8481px; top: 8481px;
background: url("../images/lang/26.png") left top; background: url("../images/26.png") left top;
width: 470px; width: 470px;
height: 186px; height: 186px;
-webkit-animation: top 0.5s 1 linear; -webkit-animation: top 0.5s 1 linear;
...@@ -851,7 +851,7 @@ ul, li { ...@@ -851,7 +851,7 @@ ul, li {
display: inline-block; display: inline-block;
left: 20px; left: 20px;
top: 8693px; top: 8693px;
background: url("../images/lang/27.png") left top; background: url("../images/27.png") left top;
width: 598px; width: 598px;
height: 435px; height: 435px;
-webkit-animation: top 0.5s 1 linear; -webkit-animation: top 0.5s 1 linear;
...@@ -862,7 +862,7 @@ ul, li { ...@@ -862,7 +862,7 @@ ul, li {
display: inline-block; display: inline-block;
left: 193px; left: 193px;
top: 9317px; top: 9317px;
background: url("../images/lang/28.png") left top; background: url("../images/28.png") left top;
width: 271px; width: 271px;
height: 388px; height: 388px;
-webkit-animation: height 0.5s 1 linear; -webkit-animation: height 0.5s 1 linear;
...@@ -874,7 +874,7 @@ ul, li { ...@@ -874,7 +874,7 @@ ul, li {
display: inline-block; display: inline-block;
left: 200px; left: 200px;
top: 9855px; top: 9855px;
background: url("../images/lang/btn.png") left top; background: url("../images/btn-1.png") left top;
width: 268px; width: 268px;
height: 126px; height: 126px;
-webkit-animation: down 0.5s 1 linear; -webkit-animation: down 0.5s 1 linear;
...@@ -886,7 +886,7 @@ ul, li { ...@@ -886,7 +886,7 @@ ul, li {
display: inline-block; display: inline-block;
left: 214px; left: 214px;
top: 10017px; top: 10017px;
background: url("../images/lang/word.png") left top; background: url("../images/word-two.png") left top;
width: 247px; width: 247px;
height: 24px; height: 24px;
-webkit-animation: down 0.5s 1 linear; -webkit-animation: down 0.5s 1 linear;
......
...@@ -492,180 +492,180 @@ ul, li { ...@@ -492,180 +492,180 @@ ul, li {
} }
.map-1 { .map-1 {
opacity: 0; opacity: 0;
@include image_bounds_by_pos("../images/lang/1.png", 71px, 1222px); @include image_bounds_by_pos("../images/1.png", 71px, 1222px);
-webkit-animation: left 0.5s 1 linear; -webkit-animation: left 0.5s 1 linear;
animation-fill-mode: forwards animation-fill-mode: forwards
} }
.map-2 { .map-2 {
opacity: 0; opacity: 0;
@include image_bounds_by_pos("../images/lang/2.png", 116px, 1466px); @include image_bounds_by_pos("../images/2.png", 116px, 1466px);
-webkit-animation: right 0.5s 1 linear; -webkit-animation: right 0.5s 1 linear;
animation-fill-mode: forwards animation-fill-mode: forwards
} }
.map-3 { .map-3 {
opacity: 0; opacity: 0;
@include image_bounds_by_pos("../images/lang/3.png", 39px, 1725px); @include image_bounds_by_pos("../images/3.png", 39px, 1725px);
-webkit-animation: left 0.5s 1 linear; -webkit-animation: left 0.5s 1 linear;
animation-fill-mode: forwards animation-fill-mode: forwards
} }
.map-4 { .map-4 {
opacity: 0; opacity: 0;
@include image_bounds_by_pos("../images/lang/4.png", 215px, 2258px); @include image_bounds_by_pos("../images/4.png", 215px, 2258px);
-webkit-animation: right 0.5s 1 linear; -webkit-animation: right 0.5s 1 linear;
animation-fill-mode: forwards animation-fill-mode: forwards
} }
.map-5 { .map-5 {
opacity: 0; opacity: 0;
@include image_bounds_by_pos("../images/lang/5.png", 57px, 2468px); @include image_bounds_by_pos("../images/5.png", 57px, 2468px);
-webkit-animation: left 0.5s 1 linear; -webkit-animation: left 0.5s 1 linear;
animation-fill-mode: forwards animation-fill-mode: forwards
} }
.map-6 { .map-6 {
opacity: 0; opacity: 0;
@include image_bounds_by_pos("../images/lang/6.png", 242px, 2522px); @include image_bounds_by_pos("../images/6.png", 242px, 2522px);
-webkit-animation: right 0.5s 1 linear; -webkit-animation: right 0.5s 1 linear;
animation-fill-mode: forwards animation-fill-mode: forwards
} }
.map-7 { .map-7 {
opacity: 0; opacity: 0;
@include image_bounds_by_pos("../images/lang/7.png", 69px, 3233px); @include image_bounds_by_pos("../images/7.png", 69px, 3233px);
-webkit-animation: left 0.5s 1 linear; -webkit-animation: left 0.5s 1 linear;
animation-fill-mode: forwards animation-fill-mode: forwards
} }
.map-8 { .map-8 {
opacity: 0; opacity: 0;
@include image_bounds_by_pos("../images/lang/8.png", 99px, 3439px); @include image_bounds_by_pos("../images/8.png", 99px, 3439px);
-webkit-animation: down 0.5s 1 linear; -webkit-animation: down 0.5s 1 linear;
animation-fill-mode: forwards animation-fill-mode: forwards
} }
.map-9 { .map-9 {
opacity: 0; opacity: 0;
@include image_bounds_by_pos("../images/lang/9.png", 117px, 3672px); @include image_bounds_by_pos("../images/9.png", 117px, 3672px);
-webkit-animation: right 0.5s 1 linear; -webkit-animation: right 0.5s 1 linear;
animation-fill-mode: forwards animation-fill-mode: forwards
} }
.map-10 { .map-10 {
@include image_bounds_by_pos("../images/lang/10.png", 125px, 3885px); @include image_bounds_by_pos("../images/10.png", 125px, 3885px);
-webkit-animation: left 0.5s 1 linear; -webkit-animation: left 0.5s 1 linear;
animation-fill-mode: forwards animation-fill-mode: forwards
} }
.map-11 { .map-11 {
opacity: 0; opacity: 0;
@include image_bounds_by_pos("../images/lang/11.png", 185px, 4302px); @include image_bounds_by_pos("../images/11.png", 185px, 4302px);
-webkit-animation: right 0.5s 1 linear; -webkit-animation: right 0.5s 1 linear;
animation-fill-mode: forwards animation-fill-mode: forwards
} }
.map-12 { .map-12 {
opacity: 0; opacity: 0;
@include image_bounds_by_pos("../images/lang/12.png", 89px, 4474px); @include image_bounds_by_pos("../images/12.png", 89px, 4474px);
-webkit-animation: down 0.5s 1 linear; -webkit-animation: down 0.5s 1 linear;
animation-fill-mode: forwards animation-fill-mode: forwards
} }
.map-13 { .map-13 {
opacity: 0; opacity: 0;
@include image_bounds_by_pos("../images/lang/13.png", 70px, 4674px); @include image_bounds_by_pos("../images/13.png", 70px, 4674px);
-webkit-animation: right 0.5s 1 linear; -webkit-animation: right 0.5s 1 linear;
animation-fill-mode: forwards animation-fill-mode: forwards
} }
.map-14 { .map-14 {
opacity: 0; opacity: 0;
@include image_bounds_by_pos("../images/lang/14.png", 105px, 4876px); @include image_bounds_by_pos("../images/14.png", 105px, 4876px);
-webkit-animation: down 0.5s 1 linear; -webkit-animation: down 0.5s 1 linear;
animation-fill-mode: forwards animation-fill-mode: forwards
} }
.map-18 { .map-18 {
opacity: 0; opacity: 0;
@include image_bounds_by_pos("../images/lang/18.png", 149px, 6170px); @include image_bounds_by_pos("../images/18.png", 149px, 6170px);
-webkit-animation: right 0.5s 1 linear; -webkit-animation: right 0.5s 1 linear;
animation-fill-mode: forwards animation-fill-mode: forwards
} }
.map-16 { .map-16 {
opacity: 0; opacity: 0;
@include image_bounds_by_pos("../images/lang/16.png", 65px, 5227px); @include image_bounds_by_pos("../images/16.png", 65px, 5227px);
-webkit-animation: left 0.5s 1 linear; -webkit-animation: left 0.5s 1 linear;
animation-fill-mode: forwards animation-fill-mode: forwards
} }
.map-17 { .map-17 {
opacity: 0; opacity: 0;
@include image_bounds_by_pos("../images/lang/17.png", 70px, 5474px); @include image_bounds_by_pos("../images/17.png", 70px, 5474px);
-webkit-animation: down 0.5s 1 linear; -webkit-animation: down 0.5s 1 linear;
animation-fill-mode: forwards animation-fill-mode: forwards
} }
.map-19 { .map-19 {
opacity: 0; opacity: 0;
@include image_bounds_by_pos("../images/lang/19.png", 39px, 6361px); @include image_bounds_by_pos("../images/19.png", 39px, 6361px);
-webkit-animation: left 0.5s 1 linear; -webkit-animation: left 0.5s 1 linear;
animation-fill-mode: forwards animation-fill-mode: forwards
} }
.map-20 { .map-20 {
opacity: 0; opacity: 0;
@include image_bounds_by_pos("../images/lang/20.png", 70px, 6691px); @include image_bounds_by_pos("../images/20.png", 70px, 6691px);
-webkit-animation: down 0.5s 1 linear; -webkit-animation: down 0.5s 1 linear;
animation-fill-mode: forwards animation-fill-mode: forwards
} }
.map-21 { .map-21 {
opacity: 0; opacity: 0;
@include image_bounds_by_pos("../images/lang/21.png", 74px, 7268px); @include image_bounds_by_pos("../images/21.png", 74px, 7268px);
-webkit-animation: left 0.5s 1 linear; -webkit-animation: left 0.5s 1 linear;
animation-fill-mode: forwards animation-fill-mode: forwards
} }
.map-22 { .map-22 {
opacity: 0; opacity: 0;
@include image_bounds_by_pos("../images/lang/22.png", 463px, 7239px); @include image_bounds_by_pos("../images/22.png", 463px, 7239px);
-webkit-animation: top 0.5s 1 linear; -webkit-animation: top 0.5s 1 linear;
animation-fill-mode: forwards animation-fill-mode: forwards
} }
.map-23 { .map-23 {
opacity: 0; opacity: 0;
@include image_bounds_by_pos("../images/lang/23.png", 54px, 7557px); @include image_bounds_by_pos("../images/23.png", 54px, 7557px);
-webkit-animation: left 0.5s 1 linear; -webkit-animation: left 0.5s 1 linear;
animation-fill-mode: forwards animation-fill-mode: forwards
} }
.map-24 { .map-24 {
opacity: 0; opacity: 0;
@include image_bounds_by_pos("../images/lang/24.png", 319px, 8096px); @include image_bounds_by_pos("../images/24.png", 319px, 8096px);
-webkit-animation: right 0.5s 1 linear; -webkit-animation: right 0.5s 1 linear;
animation-fill-mode: forwards animation-fill-mode: forwards
} }
.map-25 { .map-25 {
opacity: 0; opacity: 0;
@include image_bounds_by_pos("../images/lang/25.png", 35px, 8215px); @include image_bounds_by_pos("../images/25.png", 35px, 8215px);
-webkit-animation: left 0.5s 1 linear; -webkit-animation: left 0.5s 1 linear;
animation-fill-mode: forwards animation-fill-mode: forwards
} }
.map-26 { .map-26 {
opacity: 0; opacity: 0;
@include image_bounds_by_pos("../images/lang/26.png", 85px, 8481px); @include image_bounds_by_pos("../images/26.png", 85px, 8481px);
-webkit-animation: top 0.5s 1 linear; -webkit-animation: top 0.5s 1 linear;
animation-fill-mode: forwards animation-fill-mode: forwards
} }
.map-27 { .map-27 {
opacity: 0; opacity: 0;
@include image_bounds_by_pos("../images/lang/27.png", 20px, 8693px); @include image_bounds_by_pos("../images/27.png", 20px, 8693px);
-webkit-animation: top 0.5s 1 linear; -webkit-animation: top 0.5s 1 linear;
animation-fill-mode: forwards animation-fill-mode: forwards
} }
.map-28 { .map-28 {
@include image_bounds_by_pos("../images/lang/28.png", 193px, 9317px); @include image_bounds_by_pos("../images/28.png", 193px, 9317px);
-webkit-animation: height 0.5s 1 linear; -webkit-animation: height 0.5s 1 linear;
animation-fill-mode: forwards animation-fill-mode: forwards
} }
.map-29 { .map-29 {
opacity: 0; opacity: 0;
@include image_bounds_by_pos("../images/lang/btn.png", 200px, 9855px); @include image_bounds_by_pos("../images/btn-1.png", 200px, 9855px);
-webkit-animation: down 0.5s 1 linear; -webkit-animation: down 0.5s 1 linear;
animation-fill-mode: forwards animation-fill-mode: forwards
} }
.map-30 { .map-30 {
opacity: 0; opacity: 0;
@include image_bounds_by_pos("../images/lang/word.png", 214px, 10017px); @include image_bounds_by_pos("../images/word-two.png", 214px, 10017px);
-webkit-animation: down 0.5s 1 linear; -webkit-animation: down 0.5s 1 linear;
animation-fill-mode: forwards animation-fill-mode: forwards
} }
} }
@-webkit-keyframes left { @-webkit-keyframes left {
from { from {
opacity: 0; opacity: 0;
......
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 sign in to comment