按壓前
按壓後 角變圓形
:s其實我用電腦看是很清楚啦#
:s截圖過後感覺很gg
:s本人喜歡簡單xD然後就用了個白色,希望喜歡
/**CSS Copyright STAr**/
.option-btn {
-moz-box-shadow:inset 1px 1px 0px -9px #ffffff;
-webkit-box-shadow:inset 1px 1px 0px -9px #ffffff;
box-shadow:inset 1px 1px 0px -9px #ffffff;
background-color:#ededed;
-webkit-border-top-left-radius:0px;
-moz-border-radius-topleft:0px;
border-top-left-radius:0px;
-webkit-border-top-right-radius:0px;
-moz-border-radius-topright:0px;
border-top-right-radius:0px;
-webkit-border-bottom-right-radius:0px;
-moz-border-radius-bottomright:0px;
border-bottom-right-radius:0px;
-webkit-border-bottom-left-radius:0px;
-moz-border-radius-bottomleft:0px;
border-bottom-left-radius:0px;
text-indent:0px;
border:1px solid #dcdcdc;
display:inline-block;
color:#1a1a1a;
font-family:Comic Sans MS;
font-size:16px;
font-weight:bold;
font-style:normal;
height:36px;
line-height:36px;
width:93px;
text-decoration:none;
text-align:center;
text-shadow:1px 4px 0px #ffffff;
}
.option-btn:hover {
background-color:#dfdfdf;
color:#AAAAAA;text-decoration:none;
border: 0px solid #fff;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
}
.option-btn:active {
position:relative;
top:1px;
}
.option-btn {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=70)";
filter:alpha(opacity=70);opacity:.70;}
.option-btn:hover{filter:alpha(opacity=95); opacity:.95;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;}
.option-btn:hover{
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;}
|
