给图片在博客中添加滤镜效果

效果:

3.变调效果
灰调格式:

<img src="图片地址" style="filter:Gray">

或

<div style="filter:Gray ;width:宽;height:高"><img src="图片地址"></div>

X光效果:

<img src="图片地址" style="filter:Xray">

或

<div style="filter:Xray ;width:宽;height:高"><img src="图片地址"></div>

色彩对换:

<img src="图片地址" style="filter:Invert">

或

<div style="filter:Invert ;width:宽;height:高"><img src="图片地址"></div>

效果:

4.边框效果
发光: (color为发光颜色代码,strength是发光强度,滤镜宽=图宽+发光强度x2
滤镜高=图高+发光强度x2+10)

<div style="filter:Glow(color=#4A7AC9,strength=15);width:滤镜宽;height:滤镜高" align=center><br><img src="图片地址"></div>

投影: (color为发光颜色代码,direction方向(只能是45度的倍数如:45,90,135,180,225,270,315度),滤镜宽=图宽+25)
濾鏡高=图高+40)

<div style="filter:Shadow(color=#4A7AC9,direction=135);width:滤镜宽;height:滤镜高" align=center><br><img src="图片地址"></div>

阴影: (color为发光颜色代码,offX水平位移offY垂直位移(可正可负),滤镜宽=图宽+水平位移绝对值+10,滤镜高=图高+垂直位移绝对值+20)

（编辑：焦作站长网）

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