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

      闲来无事，整理一些CSS文字效果，给初学者。下面做个例子吧，这都是最基本滤镜的应用，其实两种或几种不同滤镜的组合会获得意想不到的效果，遇到问题自己多动手试试就OK了，当然要特别注意颜色的搭配，有时候用色不好是看不出效果的，配合背景图片的应用也会有很好的效果的。因为太懒，所以没有写注释也没有写什么语法格式，自己看看吧！ 嘿嘿。（看不明白别骂我呀）

     1、效果图：

一路阳光

一路阳光

一路阳光

一路阳光

一路阳光

一路阳光

一路阳光

一路阳光

一路阳光

SUNNY

SUNNY

一路阳光

一路阳光

一路阳光

一路阳光

一路阳光

一路阳光

一路阳光

一路阳光

      2、源代码

<table border=1 style=”border-style: solid; border-width: 1;font-size=12px” width=”520″>

  <tr>

      <td width=”510″>

      <span style=”font-size:30pt;display:block;

        text-align:center;color:blue;

        filter:glow(color=red,strength=10);height:1″>一路阳光  </span></td>

  </tr>

  <tr>

      <td width=”510″>

      <span style=”font-size:30pt;display:block;

        text-align:center;color:darkblue;

        filter:blur(add=t,direction=135,strength=10);height:1″>一路阳光</span></td>

  </tr>

  <tr>

      <td width=”510″>

<div style=”color:red;font-size:25pt;height:1;display:block;

filter:progid:DXImageTransform.Microsoft.motionblur(strength=30,add=1,direction=135)”>

     <p align=”center”> 一路阳光</div></td>

  </tr>

  <tr>

第 1 2 3 4 页