選項+人名牌
滑鼠點擊，夜空會變較黑
.option-btn,.nametag{
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #7892c2), color-stop(1, #476e9e));
background:-moz-linear-gradient(top, #7892c2 5%, #476e9e 100%);
background:-webkit-linear-gradient(top, #7892c2 5%, #476e9e 100%);
background:-o-linear-gradient(top, #7892c2 5%, #476e9e 100%);
background:-ms-linear-gradient(top, #7892c2 5%, #476e9e 100%);
background:linear-gradient(to bottom, #7892c2 5%, #476e9e 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7892c2', endColorstr='#476e9e',GradientType=0);
background-color:#7892c2;
-moz-border-radius:12px;
-webkit-border-radius:12px;
border-radius:12px;
border:1px solid #4e6096;
display:inline-block;
cursor:pointer;
color:#ffffff;
font-family:Arial;
font-size:16px;
font-weight:bold;
padding:15px 51px;
text-decoration:none;
text-shadow:-4px -1px 19px #a8b8e0;
background-image:url(http://i.imgur.com/NQcuh3a.jpg);
}
.option-btn:hover {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #476e9e), color-stop(1, #7892c2));
background:-moz-linear-gradient(top, #476e9e 5%, #7892c2 100%);
background:-webkit-linear-gradient(top, #476e9e 5%, #7892c2 100%);
background:-o-linear-gradient(top, #476e9e 5%, #7892c2 100%);
background:-ms-linear-gradient(top, #476e9e 5%, #7892c2 100%);
background:linear-gradient(to bottom, #476e9e 5%, #7892c2 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#476e9e', endColorstr='#7892c2',GradientType=0);
background-color:#476e9e;
background-image:url(http://i.imgur.com/9HABlZ1.jpg);
}
.option-btn:active {
position:relative;
top:1px;
}
|
