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

发布时间：2018-08-17 03:17:02 所属栏目：活动来源：站长网

导读：猛火网(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的话，保举阅读：猛火网的在线手册

（编辑：湖南网）

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