loading ...
loading...

2008-07-24 | 【博客技巧】几组图片效果处理技巧的代码

分享
标签: 图片  代码 

    很多图片要搞特效需要一些专业的处理工具,这里介绍几组代码,我们可以轻松实现图片的特效。方法很简单:1.勾日志右下的显示源代码;2.再复制你需要特效的代码;3.”图片地址“换成你要操作的图片地址;5.再点开显示源代码,查看效果,如要修改效果,再勾回显示源代码,修改参数。

复制时不能多或者少了任何数字、字母或者符号,改动数值时要细心,要不断的查看效果。

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=3表示扭曲尺度,strength=3表示扭曲强度)
用户头像

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表示模糊类型,1表示从左往右渐变模糊,2如图效果,3表示四周渐变模)

用户头像

8.图片在水中倒影的效果

<P><IMG src="图片地址" width="240" height="180"><BR><IMG id="reflection" src="图片地址" style="filter:wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv()" width="240" height="180"></P>

(width="240" height="180",这里的数值不是固定的,根据你所选图片的宽和高来修改。strength=3,freq=3,phase=0,lightstrength=30,这四组数值都可以改变,来控制影子扭曲的程度和倒影效果,可以自己尝试的改动。)

用户头像

                                                                                (小溪-3)

分享 分享 |  评论 (2) |  阅读 (?)  |  固定链接 |  类别 (博客技巧) |  发表于 01:55  | 最后修改于 2008-07-26 00:56
搜狐博客温馨提示:搜狐博客官方不会要求参加活动的各位博友缴纳任何的手续费用。请勿轻信留言、评论中的中奖信息,更不要拨打陌生电话及向陌生帐户汇款,谨防受骗!识别更多网络骗术,请 点击查看详情
正在读取评论信息...
您还未登录,只能匿名发表评论。或者您可以 登录 后发表。
 
  *中国人爱国心,搜狗输入法爱国主题皮肤下载>>
表  情:
加载中...
回复通知: 同时用小纸条通知对方该回复