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