mirror of
https://gitee.com/coder-xiaomo/flashsale
synced 2025-01-29 04:30:27 +08:00
58 lines
1.5 KiB
CSS
58 lines
1.5 KiB
CSS
@CHARSET "UTF-8";
|
|
|
|
#drTipbar{
|
|
box-shadow: 0px 1px 1px #969696;
|
|
z-index:1200;
|
|
background-color:white;
|
|
position:fixed;
|
|
left:50%;
|
|
top:-2px;
|
|
border-radius:0 0 4px 4px;
|
|
width:auto;
|
|
max-width:300px;
|
|
border:1px solid #BBBBBB;
|
|
padding:15px 30px 15px 30px;
|
|
}
|
|
|
|
#drTipbarContent{
|
|
line-height:1.3;
|
|
font-size:14px;
|
|
background-color:white;
|
|
color:black;
|
|
text-align:center;
|
|
}
|
|
|
|
.drTipShow{
|
|
-webkit-transform:translate(-50%,0%);
|
|
-moz-transform:translate(-50%,0%);
|
|
-o-transform:translate(-50%,0%);
|
|
-ms-transform:translate(-50%,0%);
|
|
transform:translate(-50%,0%);
|
|
|
|
|
|
opacity:1.0;
|
|
-webkit-transition:-webkit-transform 0.5s linear,opacity 0.5s linear;
|
|
-moz-transition:-moz-transform 0.5s linear,opacity 0.5s linear;
|
|
-o-transition:-o-transform 0.5s linear,opacity 0.5s linear;
|
|
-ms-transition:-ms-transform 0.5s linear,opacity 0.5s linear;
|
|
transition:transform 0.5s linear,opacity 0.5s linear;
|
|
}
|
|
|
|
.drTipHide{
|
|
-webkit-transform:translate(-50%,-100%);
|
|
-moz-transform:translate(-50%,-100%);
|
|
-o-transform:translate(-50%,-100%);
|
|
-ms-transform:translate(-50%,-100%);
|
|
transform:translate(-50%,-100%);
|
|
opacity:0;
|
|
-webkit-transition:-webkit-transform 0.5s linear,opacity 0.5s linear;
|
|
-moz-transition:-moz-transform 0.5s linear,opacity 0.5s linear;
|
|
-o-transition:-o-transform 0.5s linear,opacity 0.5s linear;
|
|
-ms-transition:-ms-transform 0.5s linear,opacity 0.5s linear;
|
|
transition:transform 0.5s linear,opacity 0.5s linear;
|
|
}
|
|
|
|
|
|
|
|
|