css图片滤镜效果代码

 代码就是:

<IMG src="图片地址" style="FILTER: alpha(opacity=40)" border=0>

      就这么简单,其中opacity=40是表示图片的透明度,值越小越透明;border=0表示图片外框线条的粗细,数值越大边框线条越粗,数值设为0表示边框隐藏。
      顺便在这里给大家说一下对图片加链接的代码,因为很多刚做博客的朋友都不知道。就像我个人档案留言本下面那张春春的图片,点击它就可以进入春春的博客。。。

<A href="链接地址" target=_blank><img src="图片地址" width=100 height=100 border=0></A>

       其中target=_blank表示链接在新窗口中打开,图片的宽width和高height的具体数值可以根据自己的实际需要进行设定!

       还有很多其他的效果,这里顺便再给大家讲一下,这些滤镜效果还可以用在对播放器的美化上

1、反色
<IMG src="图片地址" style="FILTER: invert()" border=0>

2、浮雕效果
<IMG src="图片地址" style="filter : progid:DXImageTransform.Microsoft.Emboss(Bias=0.7) ;" border=0>

3、扭曲效果
<IMG src="图片地址" style="FILTER: wave(add=0,freq=3,lightstrength=50,phase=0,strength=3)" border=0>

(freq=5表示扭曲尺度,strength=5表示扭曲强度)

 

4、虚线边框效果
<IMG src="图片地址" style="FILTER: Gray;border-width:2;BORDER-STYLE: dotted;" border=0>

(border-width:2表示边框宽度,数值可改)

 

7、透明效果
<IMG src="图片地址" style="FILTER: Alpha(Opacity=80,style=2)" border=0>

(style=2表示模糊类型,style=1表示从左往右渐变模糊,2如图效果,3表示四周渐变模糊) 

      至于代码加到哪里嘛,这要看你想把图片加到哪了...
      如果想把它当作个人图片,就把代码放到个人档案里,保存,再回到主页,右键单击图片“图片另存为”,保存好后,回到个人档案,上传图片,再把个人档案里的图片代码删除就行了。。。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值