feat: 荷官端倒计时和开牌结果缩小移至右上角
- .countdown 从屏幕中央(28%/37%)移到右上角(8px),字体从13vw缩至4vw - .result-box 从屏幕中央(40%/40%/320px)移到右上角(8px/120px) - index_tab.css 同步调整(210px→80px, 60px→32px)
This commit is contained in:
@@ -676,14 +676,15 @@ margin-left: 0;
|
||||
|
||||
position:absolute;
|
||||
display: none;
|
||||
top: 28%;
|
||||
left: 37%;
|
||||
top: 8px;
|
||||
right: 8px;
|
||||
left: auto;
|
||||
}
|
||||
.countdown .grab-count{
|
||||
background: url(../img/count.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
width: 27vw;
|
||||
height: 27vw;
|
||||
width: 8vw;
|
||||
height: 8vw;
|
||||
}
|
||||
.round-txt-item { position: absolute;width: 100%; top:0; }
|
||||
.top-sec .count-active{animation: myMove1 6s 0s linear infinite;}
|
||||
@@ -711,13 +712,13 @@ margin-left: 0;
|
||||
|
||||
|
||||
.countdown .num{
|
||||
font-size: 13vw;
|
||||
font-size: 4vw;
|
||||
position: absolute;
|
||||
font-weight: 500;
|
||||
z-index: 999;
|
||||
text-align: center;
|
||||
text-shadow: 0px 1px 0px #555;
|
||||
line-height: 27vw;
|
||||
line-height: 8vw;
|
||||
color: #eee;
|
||||
border-radius: 50%;
|
||||
background-color: rgba(0,0,0,0.5);
|
||||
@@ -786,12 +787,10 @@ margin-left: 0;
|
||||
.result-box{
|
||||
position: fixed;
|
||||
z-index: 1000;
|
||||
top: 40%;
|
||||
left: 40%;
|
||||
width: 320px;
|
||||
|
||||
/* -webkit-animation: bounceIn .5s 0s ease both;
|
||||
-moz-animation: bounceIn .5s 0s ease both;*/
|
||||
top: 8px;
|
||||
right: 8px;
|
||||
left: auto;
|
||||
width: 120px;
|
||||
}
|
||||
|
||||
.result-box.blink{
|
||||
|
||||
@@ -587,11 +587,11 @@ body{
|
||||
display: none;
|
||||
position: absolute;
|
||||
z-index: 999;
|
||||
width: 210px;
|
||||
height: 210px;
|
||||
/*background: rgba(21, 34, 34, 0.71);*/
|
||||
bottom: 5px;
|
||||
right: 5px;
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
top: 8px;
|
||||
right: 8px;
|
||||
bottom: auto;
|
||||
}
|
||||
.countdown .roll{
|
||||
position: absolute;
|
||||
@@ -611,12 +611,12 @@ body{
|
||||
|
||||
.countdown .num{
|
||||
color: #fff;
|
||||
font-size: 60px;
|
||||
font-size: 32px;
|
||||
position: relative;
|
||||
font-weight: 500;
|
||||
z-index: 999;
|
||||
text-align: center;
|
||||
line-height: 210px;
|
||||
line-height: 80px;
|
||||
text-shadow: 0px 1px 0px #555;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user