CSS:文字大小、顏色以及動態效果

2013/01/01 3,693 1 網站技術 , CSS

文字特效,在大多網站以變色為主,其實字體大小也可改,
再進階一點,甚至可以調變換時間,趕緊看看怎麼製作吧!
↓參考語法之範例(游標移到上面試試)
測試
~參考語法(CSS部分)~
.mnyawb28 {
color:#FF6666;
font:30px bold normal BrushScriptStdMedium;
text-shadow:0px 0px 5px #663333;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-otransition: all 0.5s linear;
transition: all 0.5s linear;
}
.mnyawb28:hover {
color:#000000;
text-shadow:0px 0px 5px #000000;
}
~參考語法(CSS部分附解說)~
.mnyawb28 {
color:#FF6666; /*文字顏色*/
font:30px bold normal BrushScriptStdMedium; /*文字字體、大小*/
text-shadow:0px 0px 5px #663333; /*文字陰影*/
-webkit-transition: all 0.5s linear; /*變換秒數*/
-moz-transition: all 0.5s linear; /*變換秒數*/
-otransition: all 0.5s linear; /*變換秒數*/
transition: all 0.5s linear; /*變換秒數*/
}
.mnyawb28:hover {
color:#000000; /*變換文字顏色*/
text-shadow:0px 0px 5px #000000; /*變換文字陰影顏色*/
}

贊助廣告 ‧ Sponsor advertisements

留言區 / Comments

萌芽論壇