CSS:邊框動態效果

2013/01/01 757 0 網站技術 , CSS

這次利用邊框左側移出效果,製造出按鈕特效!
這也是一個簡單的CSS原碼,參考看看!
↓參考語法之範例(游標移到上面試試)
測試
~參考語法(CSS部分)~
<style>
.mnyawb30 {
width: 200px;
color:000000;
font:30px bold normal BrushScriptStdMedium;
text-shadow:0px 0px 5px #663333;
padding-left: 6px;
border-left: 1px solid #FFFFFF;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-otransition: all 0.5s linear;
transition: all 0.5s linear;
}
.mnyawb30:hover {
padding-left: 2px;
border-left: 5px solid #66FF99;
color:#000000;
text-shadow:0px 0px 5px #000000;
}
</style>
~參考語法(HTML部分)~
<div class="mnyawb30">測試</div>

贊助廣告 ‧ Sponsor advertisements

留言區 / Comments

萌芽論壇