图片处理特效技术 一

来源:百度文库 编辑:神马文学网 时间:2024/04/27 17:20:41

如何为图片做特效
原图效果:
原效果图代码:
  源代码:
  原图地址:http://static3.photo.sina.com.cn/middle/61158a8ag80089e9c3e62&690
1.片状羽化效果:

代码:

2.圆形羽化效果:

代码:

3.方形羽化效果:

代码:

代码分析:
1.Alpha(opacity=100,style=3)
Alpha(CSS滤镜)可以让图片呈渐变透明的效果,其效果是由filter:alpha(opacity=100,style=3)来决定的。
opacity=100:表示透明度,数值由0至100之间的任意数值,100表示完全不透明;
style=3:表示渐变风格,数值由1到3,1表示线性渐变,2表示放射渐变,3表示直角渐变。
2.height=260 width=380
height=260:表示图片的高度参照原图片高度拟定
width=380:表示图片的宽度参照原图片宽度拟定
2.图片地址:表示图片属性地址的粘贴处
4.图片朦胧效果:

代码:

5.图片折皱效果:

代码:

6.图片扫描效果:

代码:

add=true 表示打乱对象;
Freq 参数指生成波纹的频率,也就是指定在对象上共需要产生多少个完整的波纹。
LightStrength 参数是为了使生成的波纹增强光的效果。参数值可以从0到100。
Phase 参数用来设置正弦波开始的偏移量。这个值的通用值为0,它的可变范围为从0到100。这个值代表开始时的偏移量占波长的百分比。比如该值为25,代表正弦波从90度(360*25%)的方向开始。
strength 表示振幅
7.图片轻微朦胧效果:

代码:

8.图片透明渐变效果:

代码:

9.图片产生倒影效果:


代码:




10.图片滤镜来回滚动效果:

代码:


behavior="alternate" :这是来回滚动代码;  scrollAmount=2:这是移动速度 数值1到6最佳 ;“”适用于以上效果中每段代码但必须放置代码的最前面代码结尾记得带上
注意:滚动代码中”去掉behavior="alternate"表示默认为向左移动 例如:
11.图片滤镜向上循环滚动效果:

代码:


12.图片滤镜向下循环滚动效果:

代码:


13.图片滤镜向左循环滚动效果:

代码:


13.图片滤镜向右循环滚动效果:

代码:


direction=up:“up”表示向上移动 “down”表示向下移动 “right”表示向右移动
如何为图片做特效
快乐互动,精彩你我;创造喜悦,分享快乐!
碎羽残舞新浪博客声明:本博内容非商业用途,杜绝色情、谩骂、诋毁等一切不良内容,转载本博所有内容不得去掉本博链接,请正常引用,拒绝删除所有本博内容与本博的链接;未经许可本博内容请勿篡改。
欢迎光临碎羽残舞的博客:本博内容非商业用途,宗旨重在交流学习,打造个人独特时尚空间,并无任何商业目的,日志除部分为博主原创外其余均来源于网络,如果不慎侵犯了您的合法权益,请及时联系本博,本博将会在第一时间予以处理。
祝您在本博度过一段美好时光,如本博有任何不足之处,欢迎您对本博提出更多更好的提议,碎羽残舞随时欢迎您的到来。
',1)">