閑來無事,整理一些CSS文字效果,給初學者。下面做個例子吧,這都是最基本濾鏡的應用,其實兩種或幾種不同濾鏡的組合會獲得意想不到的效果,遇到問題自己多動手試試就OK了,當然要特別注意顏色的搭配,有時候用色不好是看不出效果的,配合背景圖片的應用也會有很好的效果的。因為太懶,所以沒有寫注釋也沒有寫什麼文法格式,自己看看吧! 嘿嘿。(看不明白別罵我呀)
1、:
一路陽光 |
一路陽光 |
一路陽光 |
一路陽光 |
一路陽光 |
一路陽光 |
一路陽光 |
一路陽光 |
一路陽光 |
SUNNY |
SUNNY |
一路陽光 |
一路陽光 |
一路陽光 |
一路陽光 |
一路陽光 |
一路陽光 |
一路陽光 |
|
2、原始碼
一路陽光 |
一路陽光 |
filter:progid:DXImageTransform.Microsoft.motionblur(strength=30,add=1,direction=135)"> 一路陽光 |
font-family:impact;font-size:30pt;color:navy;display:block; filter:progid:DXImageTransform.Microsoft.wave(Strength=3)"> 一路陽光 |
font-family:impact;font-size:30pt;color:navy;display:block; filter:progid:DXImageTransform.Microsoft.wave(Strength=3,freq=5)"> 一路陽光 |
一路陽光 |
一路陽光 |
filter:dropshadow(color=maroon,positive=1);">一路陽光 |
filter:dropshadow(color=maroon,positive=0);">一路陽光 |
height:1;font-size:20pt;font-family:impact;background-color:blue"> SUNNY |
height:1;font-family:impact;font-size:20pt;background-color:blue"> SUNNY |
一路陽光 |
一路陽光 |
一路陽光 |
一路陽光 |
color=#8C96B5 size=6>一路陽光 |
一路陽光 |
一路陽光 |
一路陽光 |
|