逃避寫稿就來研究按鈕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; }
|
頁數 :
|