遊戲樣式分享版 - 復古深紅 (0 / 0)  by 橫臥坑底的海參    給5bm   10bm   20bm     好文(0)     回覆文章   

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

 頁數 :

搜尋本版