网页背景图片渐变特效,CSS滤镜实现的代码

发布时间：2018-08-19 00:13:38 所属栏目：聚会来源：站长网

导读：烈火网(LieHuo.Net)教程纯CSS代码生成的背景渐变效果,主要运用了CSS的Filter滤镜技术,设置不同的参数,会有你意想不到的渐变效果.不要以为这是张图片效果,图片上的渐变不是固有的,而是在用CSS固定下显示的。让我们一起看一下效果： !DOCTYPE html PUBLIC

　　烈火网(LieHuo.Net)教程纯CSS代码生成的背景渐变效果,主要运用了CSS的Filter滤镜技术,设置不同的参数,会有你意想不到的渐变效果.不要以为这是张图片效果,图片上的渐变不是固有的,而是在用CSS固定下显示的。

　　让我们一起看一下效果：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>CSS滤镜实现网页背景图片渐变 - Liehuo.net</title> </head> <body> <img src="http://www.veryhuo.com/uploads/Common/images/liehuo_1024x768_3.jpg" width=1024 height=768 style="FILTER: progid:DXImageTransform.Microsoft.Alpha( style=1,opacity=25,finishOpacity=100,startX=50,finishX=100,startY=50,finishY=100)"> </body> </html><br /><center>如不能显示效果，请按Ctrl+F5刷新本页，更多网页代码：<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></center>
提示：可修改后代码再运行!

　　使用方法：

　　本特效中只是简单的演示了特效，如果您要在网页中实际应用，需要懂一些HTML与CSS的知识，以方便设计网页布局，如果您还不太懂HTML与CSS的话，推荐阅读：烈火网的在线手册

（编辑：辽源站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!