分享

利用代码羽化图片

 永恒的空间 2011-01-23

 

手把手教你用代码做日记

 

 

代码羽化前:原图

 

 

 

:复制全部代码,一个符号也不要漏掉。

:打开空间——日志——写日志

:点 图片 ,再点 图片  ,  图片  将  图片 

这几个符号和字母删除后,把刚才我们复制的代码粘贴进去。

(切记切记:这些代码一定要在HTML的状态下粘贴!)

:把【图片地址】四个字删除,然后黏贴入图片地址

:点 图片  就看到羽化的效果了。

 

 

一:图片淡化边缘后效果­

淡化边缘源码: 
 <img src="图片地址" style=filter:Alpha(opacity=100,style=2) width="" height="">
 
 
 
 

二:图片翻转后效果­

 
翻转源码:
<img src="图片地址" style="filter:fliph">
 
 
 
 

三:图片重叠后效果­

 

重叠源码:
<div style="width:358;filter:blur(add=true,direction=135,strength=15);"><img src="图片地址" width="" height=""></div>
 
 
 

四:图片渐变透明代码效果

渐变源码:

<P align=left><IMG style="BACKGROUND: none transparent scroll repeat 0% 0%; FILTER: alpha(opacity=100,style=3)" alt="" src="图片地址" width=500 bloaded="true" loadingtimer="46402191"></P>

 

 

五:图片黑白后效果­

黑白源码:

<IMG src="图片地址" style="FILTER: gray(color=#ffedff)">

 

 

六:图片水波效果­

水波源码:

<img src="图片地址" style="filter:wave(freq=11, strength=4, phase=6, lightstrength=10)">

 

 

七:图片扭曲效果­

扭曲源码:

<div style="width:358;filter:wave(add=0,freq=1,lightStrength=20,phase=50,strength=20);"><img src="图片地址" width="" height="高"></div>

 

 

八:图片倒影效果­


倒影源码:

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

 

本篇不是教程,纯属资源共享

 

 

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约