2017-05-21 20:32:56
☾貪吃的尼桑☼  Lv.1:0
【尼桑】板內免費代製!
發言  

夢幻糖果風 / 遊戲樣式分享版 好主題 : 1

  預覽圖:
    
  樣式語法
  .option-btn,.nametag{
    background: #82ff82;
    background-image: -webkit-linear-gradient(top, #82ff82, #db7878);
    background-image: -moz-linear-gradient(top, #82ff82, #db7878);
    background-image: -ms-linear-gradient(top, #82ff82, #db7878);
    background-image: -o-linear-gradient(top, #82ff82, #db7878);
    background-image: linear-gradient(to bottom, #82ff82, #db7878);
    -webkit-border-radius: 24;
    -moz-border-radius: 24;
    border-radius: 24px;
    text-shadow: 1px 0px 3px #46526e;
    -webkit-box-shadow: 1px 5px 12px #f2ca85;
    -moz-box-shadow: 1px 5px 12px #f2ca85;
    box-shadow: 1px 5px 12px #f2ca85;
    font-family: Arial;
    color: #ffffff;
    font-size: 14px;
    padding: 10px 20px 10px 20px;
    border: dotted #ffffff 3px;
    text-decoration: none;
  }
  .option-btn:hover{
    background: #bc9ff5;
    background-image: -webkit-linear-gradient(top, #bc9ff5, #ffb473);
    background-image: -moz-linear-gradient(top, #bc9ff5, #ffb473);
    background-image: -ms-linear-gradient(top, #bc9ff5, #ffb473);
    background-image: -o-linear-gradient(top, #bc9ff5, #ffb473);
    background-image: linear-gradient(to bottom, #bc9ff5, #ffb473);
    text-decoration: none;
  }
  .option-btn:active {
   position:relative;
   top:1px;
  }
  弄了一個糖果風格的選項,大概用於日常可愛風格,希望喜歡。