【選項】   遺忘色彩的白雪 (2) 遊戲樣式分享版



otwl007 BASS創作者兼二代目管理員
 Lv.47:0  Lv.1
私訊  發言  +好友
2015-11-16 17:12:16



    
  雖然圖片不太看不得出來,但是其實是有漸變效果的wwwwwwwww
  
  
  .nametag{
    z-index: 11 !important;
    height: 35px;
    margin-top: -0.4em;
   background: -webkit-linear-gradient(#FFFFFF,#FFFFFF,#206F68); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#FFFFFF,#FFFFFF,#206F68); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#FFFFFF,#FFFFFF,#206F68); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#FFFFFF,#FFFFFF,#206F68); /* Standard syntax */
    -webkit-border-radius: 10;
    -moz-border-radius: 10;
    border-radius: 10px;
    font-family: Arial;
    color: #0C2D90;
    padding: 10px 4px 0px 4px;
    text-decoration: none;
    opacity: 0.8;
    filter: alpha(opacity=80);
    -webkit-filter: brightness(170%);
    filter: brightness(170%);
    width:90%;
    font-size: 14px;
    font-weight:bold;
    font-style:normal;
    text-decoration:none;
    text-align:center;
    text-shadow:0px 0px 5px #77B5AC;
  }
  
  @keyframes buttonanimation {
      0%   {
  background: -webkit-linear-gradient(#010198,#0A5A80,#206F68); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#010198,#0A5A80,#206F68); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#010198,#0A5A80,#206F68); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#010198,#0A5A80,#206F68); /* Standard syntax */
  }
     0.2%   {
  background: -webkit-linear-gradient(#C3C3DA,#0A5A80,#206F68); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#C3C3DA,#0A5A80,#206F68); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#C3C3DA,#0A5A80,#206F68); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#C3C3DA,#0A5A80,#206F68); /* Standard syntax */
  }
     0.4%   {
  background: -webkit-linear-gradient(#FFFFFF,#719EB3,#206F68); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#FFFFFF,#719EB3,#206F68); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#FFFFFF,#719EB3,#206F68); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#FFFFFF,#719EB3,#206F68); /* Standard syntax */
  }
      0.6% {
    background: -webkit-linear-gradient(#FFFFFF,#FFFFFF,#206F68); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#FFFFFF,#FFFFFF,#206F68); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#FFFFFF,#FFFFFF,#206F68); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#FFFFFF,#FFFFFF,#206F68); /* Standard syntax */
  }
     100% {
  background: -webkit-linear-gradient(#FFFFFF,#FFFFFF,#206F68); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#FFFFFF,#FFFFFF,#206F68); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#FFFFFF,#FFFFFF,#206F68); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#FFFFFF,#FFFFFF,#206F68); /* Standard syntax */
  }
  }
  
  .option-btn {
    background: #1c1717;
    background: -webkit-linear-gradient(#010198,#0A5A80,#206F68); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#010198,#0A5A80,#206F68); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#010198,#0A5A80,#206F68); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#010198,#0A5A80,#206F68); /* Standard syntax */
    -webkit-border-radius: 60;
    -moz-border-radius: 60;
    border-radius: 60px;
    font-family: Arial;
    color: #A596C3;
    padding: 10px 4px 10px 4px;
    text-decoration: none;
    opacity: 0.8;
    filter: alpha(opacity=80);
    -webkit-filter: brightness(170%);
    filter: brightness(170%);
    width:90%;
    font-size: 14px;
    font-weight:bold;
    font-style:normal;
    text-decoration:none;
    text-align:center;
    text-shadow:0px 0px 5px #29023D;
  }
  
  .option-btn:hover {
    animation-name: buttonanimation;
    animation-iteration-count: 1;
    animation-timing-function: cubic-bezier(0,1.82,0,1);
    animation-duration: 40s;
    -webkit-border-radius: 60;
    -moz-border-radius: 60;
    border-radius: 60px;
    font-family: Arial;
    color: #030071;
    padding: 10px 4px 10px 4px;
    text-decoration: none;
    opacity: 0.8;
    filter: alpha(opacity=80);
    -webkit-filter: brightness(170%);
    filter: brightness(170%);
    width:90%;
    font-size: 14px;
    font-weight:bold;
    font-style:normal;
    text-decoration:none;
    text-align:center;
    text-shadow:0px 0px 5px #8DFFFF;
  }
  .option-btn:active {
   position:relative;
   top:1px;
         .nametag {
          display:none !important;
          visibility: hidden;
          }
          #nametag {
          display:none !important;
          visibility: hidden;
          }
  }


好文(4)    給我的話   相本化   本主題精華文章    發表留言  

 頁數 : 0 

搜尋本版


 

使用上有疑問嗎? 先問 BASS 專屬搜尋吧 !