css 滤镜如何改变一个图片颜色?火狐下。

html-css010

css 滤镜如何改变一个图片颜色?火狐下。,第1张

您好!很高兴为您答疑!

滤镜仅限于IE使用,火狐下可以通过调用不同css类或者用HTML5的canvas实现。

您可以在火狐社区了解更多内容。希望我的回答对您有所帮助,如有疑问,欢迎继续在本平台咨询。

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

  <tr>

    <td width="510">

    <span style="font-size:30ptdisplay:block

             text-align:centercolor:blue

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

  </tr>

  <tr>

    <td width="510">

    <span style="font-size:30ptdisplay:block 

             text-align:centercolor:darkblue 

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

  </tr>

  <tr>

    <td width="510">

<div style="color:redfont-size:25ptheight:1display:block 

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

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

  </tr>

  <tr>

    <td width="510">

<div style="height:1width:100% 

   font-family:impactfont-size:30ptcolor:navydisplay:block 

   filter:progid:DXImageTransform.Microsoft.wave(Strength=3)"> 

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

  </tr>

  <tr>

    <td width="510">

<div style="height:1width:100%

   font-family:impactfont-size:30ptcolor:navydisplay:block

   filter:progid:DXImageTransform.Microsoft.wave(Strength=3,freq=5)"> 

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

  </tr>

  <tr>

    <td width="510">

<span style="font-size:30ptdisplay:block

             text-align:centercolor:darkblue

             filter:wave(add=t,freq=5,lightstrength=5,phase=0,strength=5)

             height:1">一路阳光</span></td>

  </tr>

  <tr>

    <td width="510">

<span style="font-size:30ptdisplay:block

             text-align:centercolor:darkblue

             filter:shadow(color=blue)height:1">一路阳光</span></td>

  </tr>

  <tr>

    <td width="510">

<div align="center" style="height:1font-size:30pt

 filter:dropshadow(color=maroon,positive=1)">一路阳光</div></td>

  </tr>

  <tr>

    <td width="510">

<div align="center" style="height:1font-size:30pt

 filter:dropshadow(color=maroon,positive=0)">一路阳光</div></td>

  </tr>

  <tr>

    <td width="510">

<div style="filter:progid:DXImageTransform.Microsoft.engrave(bias=0.5)

 height:1font-size:20ptfont-family:impactbackground-color:blue"> 

        <p align="center">SUNNY</div></td>

  </tr>

  <tr>

    <td width="510">

<div style="filter:progid:DXImageTransform.Microsoft.emboss(bias=0.5)

 height:1font-family:impactfont-size:20ptbackground-color:blue"> 

        <p align="center">SUNNY</div></td>

  </tr>

  <tr> 

   

 <td style="FILTER: 

mask(color=#E1E4EC)shadow(color=#8C96B5,direction=135)chroma(color=#E1E4EC)"

 align="center"><font color="blue" 

size="6"><b>一路阳光</b></font></td>

  </tr>

  <tr> 

   

 <td style="FILTER: 

alpha(opacity=100,finishiopacity=0,style=1)shadow(color=blue,direction=135)"

 align="center"><font color="blue" 

size="6"><b>一路阳光</b></font></td>

  </tr>

  <tr> 

   

 <td style="FILTER: 

mask(color=#E1E4EC)dropshadow(color=#B4BBCF,offx=-3,offy=-3,positive=1)chroma(color=#E1E4EC)"

 align="center"><font  color="blue" 

size="6"><b>一路阳光</b></font></td>

  </tr>

  <tr> 

   

 <td style="FILTER: 

glow(color=#8C96B5,strength=2)shadow(color=#B4BBCF,direction=135)" 

align="center"><font  color=#E1E4EC 

size=6><b>一路阳光</b></font></td>

  </tr>

  <tr> 

   

 <td style="FILTER: 

mask(color=#E1E4EC)shadow(color=#B4BBCF,direction=135)chroma(color=#E1E4EC)"

 align="center"><font  

color=#8C96B5 size=6><b>一路阳光</b></font></td>

  </tr>

  <tr> 

   

 <td style="FILTER: 

glow(strength=1)mask(color=#B4BBCF)chroma(color=#B4BBCF)" align="center"

 height=54><font color=#8C96B5 

size=6><b>一路阳光</b></font></td>

  </tr>

  <tr>

    <td><span style="position:absolutefont-size:30ptcolor=bluefilter:fliph">一路阳光</span></td>

  </tr>

  <tr>

    <td><span style="position:absoluteleft:200font-size:30ptcolor=bluefilter:flipv">一路阳光</span></td>

  </tr>

</table>

<table align=center background="http://www.idc2008.com/468X60-8.gif" border=0>

  <tr> 

   

 <td style="FILTER: glow(strength=4)mask(color=#E1E4EC)"><font 

size="7"> <b>一路阳光</b></font></td>

  </tr>

</table>