电子精英职业挑战赛 页面设计
作者:dulaifasheng 日期:2007-09-12
纯CSS Lightbox效果 （无需JS）
作者:dulaifasheng 日期:2007-09-10
HTML代码CSS图片滤镜
作者:dulaifasheng 日期:2007-09-05
| 波浪效果(Wave) |  |
|
|||||||||||||||||
| 代码如下： <STYLE TYPE="TEXT/CSS"> .Wave { filter:Wave(Add=0, Freq=2, LightStrength=15, Phase=-20, Strength=5)} </STYLE> 上面代码中".Wave"是自定义的一个CSS样式，也可以是其它的字母。一般是放在<head></head>之间的。 图片里的代码如下:<IMG src="pic/little.jpg" CLASS="Wave">，这样就调用了CSS中内容了。 |
|||||||||||||||||||
|
|
|||||||||||||||||||
| 反色效果(Invert) | |
|
| 代码如下： <STYLE TYPE="TEXT/CSS"> .Invert{ filter:Invert} </STYLE> 图片里的代码如下:<IMG src="pic/little.jpg" CLASS="Invert"> |
||
| X光效果(xray) | |
|
| 代码如下： <STYLE TYPE="TEXT/CSS"> .xray{ filter:xray} </STYLE> 图片里的代码如下:<IMG src="pic/little.jpg" CLASS="xray"> |
||
| 黑白效果(Gray) | |
|
| 代码如下： <STYLE TYPE="TEXT/CSS"> .Gray{ filter:Gray} </STYLE> 图片里的代码如下:<IMG src="pic/little.jpg" CLASS="Gray"> |
||
| 单个实现上面的效果ＰＳ也能行，可所有的效果都是一站张图片实现的，就显出ＣＳＳ滤镜的强大了。 | ||
