最基本的几种 CSS 文字滤镜效果


            下面做个例子吧，这都是最基本滤镜的应用，其实两种或几种不同滤镜的组合会获得意想不到的效果，遇到问题自己多动手试试就OK了，当然要特别注意颜色的搭配，有时候用色不好是看不出效果的，配合背景图片的应用也会有很好的效果的。
 
   
     
    <span style="font-size:30pt;display:block; 
             text-align:center;color:blue; 
             filter:glow(color=red,strength=10);height:1">一路阳光   
   
   
     
    <span style="font-size:30pt;display:block;  
             text-align:center;color:darkblue;  
             filter:blur(add=t,direction=135,strength=10);height:1">一路阳光 
   
   
     
<div style="color:red;font-size:25pt;height:1;display:block;  
filter:progid:DXImageTransform.Microsoft.motionblur(strength=30,add=1,direction=135)">  
         一路阳光 
   
   
     
<div style="height:1;width:100%;  
   font-family:impact;font-size:30pt;color:navy;display:block;  
   filter:progid:DXImageTransform.Microsoft.wave(Strength=3)">  
         一路阳光 
   
   
     
<div style="height:1;width:100%; 
   font-family:impact;font-size:30pt;color:navy;display:block; 
   filter:progid:DXImageTransform.Microsoft.wave(Strength=3,freq=5)">  
         一路阳光 
   
   
     
<span style="font-size:30pt;display:block; 
             text-align:center;color:darkblue; 
             filter:wave(add=t,freq=5,lightstrength=5,phase=0,strength=5); 
             height:1">一路阳光 
   
   
     
<span style="font-size:30pt;display:block; 
             text-align:center;color:darkblue; 
             filter:shadow(color=blue);height:1">一路阳光 
   
   
     
<div align="center" style="height:1;font-size:30pt; 
 filter:dropshadow(color=maroon,positive=1);">一路阳光 
   
   
     
<div align="center" style="height:1;font-size:30pt; 
 filter:dropshadow(color=maroon,positive=0);">一路阳光 
   
   
     
<div style="filter:progid:DXImageTransform.Microsoft.engrave(bias=0.5); 
 height:1;font-size:20pt;font-family:impact;background-color:blue">  
        SUNNY 
   
   
     
<div style="filter:progid:DXImageTransform.Microsoft.emboss(bias=0.5); 
 height:1;font-family:impact;font-size:20pt;background-color:blue">  
        SUNNY 
   
    
    一路阳光 
   
    
    一路阳光 
   
    
    一路阳光 
   
    
    一路阳光 
   
    
    <font   
color=#8C96B5 size=6>一路阳光 
   
    
    一路阳光 
   
   
    一路阳光 
   
   
    一路阳光 
   
 
 
    
     一路阳光 
   
 

  [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]