用CSS为图像扮酷

网络与通信

邓飞

1.黑白效果

代码：1)内部插入式：在与之间插入代码：

然后再在图片图片属性代码中加class="baw"。(注意：在与之间插入代码中baw前有一个“.”(不包括引号)，请一定不要打掉了。)
2)直接插入式：在图片属性代码中加入即可。
style=" filter: Gray"
效果如(（图1）)，通过使用CSS的gray滤镜，使彩色图片变为黑白图片。

2.底片效果

代码：1)内部插入式：在与之间插入以下代码：

然后再在图片“图片属性”代码中加class="negative"。(注意：在与之间插入代码中negative前有一个“.”(不包括引号)，请一定不要打掉了。)
2)直接插入式：在图片“图片属性”代码中加入以下代码即可。
style=" filter: Invert"
效果如(（图1）)，通过使用CSS的invert滤镜，使图片出现照片底片的效果。

3.X光效果

代码：1)内部插入式：在与之间插入

然后再在图片“图片属性”代码中加class="Xlight"。(注意：在与之间插入代码中Xlight前有一个“.”(不包括引号)，请一定不要打掉了。)
2)直接插入式：在图片“图片属性”代码中加以下代码即可。
style=" filter: Xray"
效果如（图2），通过使用CSS的xray滤镜，使图片出现X光照射的轮廓效果。