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; } }
|