Skip to content

php / dencare-game

Go to a project
Commit 7f35694c by zhangheng
Options

y

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