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

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

效果:

图片点击可在新窗口打开查看

图片点击可在新窗口打开查看

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)

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wzdffw.html