|
橫臥坑底的海參 《常識世界的瑪麗蘇》慢活緩更，保證不坑
 Lv.3:0  Lv.1
私訊
發言
+好友
2019-08-03 23:40:51
|
|
逃避寫稿就來研究按鈕zz
整體來說搭配主題與對話框會更好看(自己講)
.option-btn {
-moz-box-shadow:inset 50px -15px 30px 3px #3d0000;
-webkit-box-shadow:inset 50px -15px 30px 3px #3d0000;
box-shadow:inset 50px -15px 30px 3px #3d0000;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e63535), color-stop(1, #8f1818) );
background:-moz-linear-gradient( center top, #e63535 5%, #8f1818 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e63535', endColorstr='#8f1818');
background-color:#e63535;
-webkit-border-top-left-radius:0px;
-moz-border-radius-topleft:0px;
border-top-left-radius:0px;
-webkit-border-top-right-radius:0px;
-moz-border-radius-topright:0px;
border-top-right-radius:0px;
-webkit-border-bottom-right-radius:0px;
-moz-border-radius-bottomright:0px;
border-bottom-right-radius:0px;
-webkit-border-bottom-left-radius:0px;
-moz-border-radius-bottomleft:0px;
border-bottom-left-radius:0px;
text-indent:0px;
border:1px solid #ffbf00;
display:inline-block;
color:#dbca5a;
font-family:Arial;
font-size:14px;
font-weight:normal;
font-style:normal;
height:36px;
line-height:36px;
width:105px;
text-decoration:none;
text-align:center;
text-shadow:1px -1px 0px #0a1f02;
}
.classname:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #8f1818), color-stop(1, #e63535) );
background:-moz-linear-gradient( center top, #8f1818 5%, #e63535 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8f1818', endColorstr='#e63535');
background-color:#8f1818;
}.classname:active {
position:relative;
top:1px;
}
|
