CSS:邊框動態效果

2013/01/01 173 網站技術 , 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
徵信社服務電話| 外遇疑雲| 阿宅來說徵信社故事| 如何手機監聽| 徵信社電話幾號| 徵信價目表費用| 抓姦在床蒐證| 台北立達徵信社| 免費法律諮詢專線| 馭夫術手段| 設計離婚服務| 男友感情挽回| 包二奶氾濫| 抓小三蒐證| 反跟蹤可行嗎| 尋人查址高手| 夫妻協議離婚| 委託外遇蒐證| 丈夫外遇偷腥| 名人外遇新聞| 立案專業徵信社| 婚前調查協助| 離婚扶養費| 汽車定位追蹤| 危險徵信社任務| 免費法律諮詢| 國際徵信公司|
【業界首推立達徵信FB