|
mona206 創作是一種抽象藝術的展現。
 Lv.5:0
私訊
發言
+好友
2016-02-27 13:12:26
|
|
此色調適用於Google瀏覽器。
IE瀏覽器的話，目前大致確定是無法看到漸層色彩，在IE瀏覽器中只能看到單一色系〈默〉
「故事開始」為滑鼠移到該選項時的變色色彩。
語法
<style>
.option-btn , .nametag{
-moz-box-shadow:inset 0px 1px 25px -14px #221833;
-webkit-box-shadow:inset 0px 1px 25px -14px #221833;
box-shadow:inset 0px 1px 25px -14px #221833;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #defffa), color-stop(1, #ffe4b5) );
background:-moz-linear-gradient( center top, #defffa 5%, #ffe4b5 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#defffa', endColorstr='#ffe4b5');
background-color:#defffa;
-webkit-border-top-left-radius:15px;
-moz-border-radius-topleft:15px;
border-top-left-radius:15px;
-webkit-border-top-right-radius:15px;
-moz-border-radius-topright:15px;
border-top-right-radius:15px;
-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 #e1ede6;
display:inline-block;
color:#41802c;
font-family:Courier New;
font-size:15px;
font-weight:bold;
font-style:normal;
height:29px;
line-height:29px;
width:86px;
text-decoration:none;
text-align:center;
text-shadow:1px -1px 50px #b5faff;
}
.option-btn:hover {
-moz-box-shadow:inset 0px 1px 25px -4px #221833;
-webkit-box-shadow:inset 0px 1px 25px -4px #221833;
box-shadow:inset 0px 1px 25px -4px #221833;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #defffa), color-stop(1, #ffe4b5) );
background:-moz-linear-gradient( center top, #defffa 5%, #ffe4b5 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#defffa', endColorstr='#ffe4b5');
background-color:#defffa;
-webkit-border-top-left-radius:15px;
-moz-border-radius-topleft:15px;
border-top-left-radius:15px;
-webkit-border-top-right-radius:15px;
-moz-border-radius-topright:15px;
border-top-right-radius:15px;
-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 #e1ede6;
display:inline-block;
color:#41802c;
font-family:Courier New;
font-size:15px;
font-weight:bold;
font-style:normal;
height:29px;
line-height:29px;
width:86px;
text-decoration:none;
text-align:center;
text-shadow:1px -1px 50px #b5faff;
}
|
