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;
|
position:absolute;
|
||||||
display: none;
|
display: none;
|
||||||
top: 28%;
|
top: 8px;
|
||||||
left: 37%;
|
right: 8px;
|
||||||
|
left: auto;
|
||||||
}
|
}
|
||||||
.countdown .grab-count{
|
.countdown .grab-count{
|
||||||
background: url(../img/count.png) no-repeat;
|
background: url(../img/count.png) no-repeat;
|
||||||
background-size: 100% 100%;
|
background-size: 100% 100%;
|
||||||
width: 27vw;
|
width: 8vw;
|
||||||
height: 27vw;
|
height: 8vw;
|
||||||
}
|
}
|
||||||
.round-txt-item { position: absolute;width: 100%; top:0; }
|
.round-txt-item { position: absolute;width: 100%; top:0; }
|
||||||
.top-sec .count-active{animation: myMove1 6s 0s linear infinite;}
|
.top-sec .count-active{animation: myMove1 6s 0s linear infinite;}
|
||||||
@@ -711,13 +712,13 @@ margin-left: 0;
|
|||||||
|
|
||||||
|
|
||||||
.countdown .num{
|
.countdown .num{
|
||||||
font-size: 13vw;
|
font-size: 4vw;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
z-index: 999;
|
z-index: 999;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
text-shadow: 0px 1px 0px #555;
|
text-shadow: 0px 1px 0px #555;
|
||||||
line-height: 27vw;
|
line-height: 8vw;
|
||||||
color: #eee;
|
color: #eee;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
background-color: rgba(0,0,0,0.5);
|
background-color: rgba(0,0,0,0.5);
|
||||||
@@ -786,12 +787,10 @@ margin-left: 0;
|
|||||||
.result-box{
|
.result-box{
|
||||||
position: fixed;
|
position: fixed;
|
||||||
z-index: 1000;
|
z-index: 1000;
|
||||||
top: 40%;
|
top: 8px;
|
||||||
left: 40%;
|
right: 8px;
|
||||||
width: 320px;
|
left: auto;
|
||||||
|
width: 120px;
|
||||||
/* -webkit-animation: bounceIn .5s 0s ease both;
|
|
||||||
-moz-animation: bounceIn .5s 0s ease both;*/
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.result-box.blink{
|
.result-box.blink{
|
||||||
|
|||||||
@@ -587,11 +587,11 @@ body{
|
|||||||
display: none;
|
display: none;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
z-index: 999;
|
z-index: 999;
|
||||||
width: 210px;
|
width: 80px;
|
||||||
height: 210px;
|
height: 80px;
|
||||||
/*background: rgba(21, 34, 34, 0.71);*/
|
top: 8px;
|
||||||
bottom: 5px;
|
right: 8px;
|
||||||
right: 5px;
|
bottom: auto;
|
||||||
}
|
}
|
||||||
.countdown .roll{
|
.countdown .roll{
|
||||||
position: absolute;
|
position: absolute;
|
||||||
@@ -611,12 +611,12 @@ body{
|
|||||||
|
|
||||||
.countdown .num{
|
.countdown .num{
|
||||||
color: #fff;
|
color: #fff;
|
||||||
font-size: 60px;
|
font-size: 32px;
|
||||||
position: relative;
|
position: relative;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
z-index: 999;
|
z-index: 999;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
line-height: 210px;
|
line-height: 80px;
|
||||||
text-shadow: 0px 1px 0px #555;
|
text-shadow: 0px 1px 0px #555;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user