|
☾貪吃的尼桑☼ 【尼桑】板內免費代製！
 Lv.1:0
私訊
發言
+好友
2017-05-21 20:32:56
|
|
預覽圖：
樣式語法
.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;
}
弄了一個糖果風格的選項，大概用於日常可愛風格，希望喜歡。
|
