Skip to content

php / sx-prize

Go to a project
Commit fcd0de9c by zhangheng
Options

j

parent 75677f7d
Showing with 24 additions and 13 deletions
Public/static/css/main.css
...@@ -178,17 +178,23 @@ ul, li { ...@@ -178,17 +178,23 @@ ul, li {
height: 1238px; height: 1238px;
} }
#container .btn-prize { #container .btn-prize {
background: url("../images/btn-prize.png") no-repeat center;
position: absolute;
top: 420px;
left: 182px;
justify-content: center; justify-content: center;
width: 200px; align-items: flex-end;
height: 200px; width: 250px;
height: 250px;
font-size: 27px; font-size: 27px;
border: 1px solid red;
} }
#container .prize-type { #container .prize-type {
position: absolute; position: absolute;
width: 300px; width: 250px;
height: 300px; height: 250px;
opacity: 0; /* opacity: 0; */
top: 420px;
left: 182px;
} }
#container .word { #container .word {
font-size: 40px; font-size: 40px;
......
Public/static/css/main.scss
...@@ -199,19 +199,24 @@ ul, li { ...@@ -199,19 +199,24 @@ ul, li {
width: torem(640px); width: torem(640px);
height: torem(1238px); height: torem(1238px);
.btn-prize { .btn-prize {
background: url("../images/btn-prize.png") no-repeat center;
position: absolute;
top: 420px;
left: 182px;
@extend .flex; @extend .flex;
justify-content: center; justify-content: center;
width: torem(200px); align-items: flex-end;
height: torem(200px); width: 250px;
height: 250px;
font-size: 27px; font-size: 27px;
border: 1px solid red;
} }
.prize-type { .prize-type {
position: absolute; position: absolute;
width: torem(300px); width: 250px;
height: torem(300px); height: 250px;
opacity: 0; /* opacity: 0; */
top: 420px;
left: 182px;
//.bounceInDown { //.bounceInDown {
// -webkit-animation: bounceInDown 1s ease 0s 1; // -webkit-animation: bounceInDown 1s ease 0s 1;
// @include animate_forwards; // @include animate_forwards;
......
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