个人资料RAY照片日志 工具 帮助
    3月26日

    圖片套用濾鏡效果

      圖 片 套 用 濾 鏡 效 果

    能量教授:小綠人

    原圖 :
    <img src="圖片.jpg">

    柔邊效果-均勻 :
    <img src="圖片.jpg" style="filter:alpha(opacity=25, finishOpacity=25,style=0)">

    柔邊效果-線狀(左往右) :
    <img src="圖片.jpg" style="filter:alpha(opacity=0, finishOpacity=100,style=1)">

    柔邊效果-圓形(外往中央):
    <img src="圖片.jpg" style="filter:alpha(opacity=100, finishOpacity=0,style=2)">

    柔邊效果-圓形(中央往外):
    <img src="圖片.jpg" style="filter:alpha(opacity=100, finishOpacity=0,style=3)">

    詼諧效果 :
    <img src="圖片.jpg" style="filter: gray">

    X光效果 :
    <img src="圖片.jpg" style="filter: Xray">

    色彩對換 :
    <img src="圖片.jpg" style="filter:invert">

    左右翻轉 :
    <img src="圖片.jpg" style="filter:FlipH()">

    上下翻轉 :
    <img src="圖片.jpg" style="filter:FlipV()">

    發光效果 :
    <div style="width: 134px; height: 140px;filter:glow(color=#ffffff, strength=6)"><img src="圖片.jpg" ></div>



     

    附陰影效果 :
    <div style="width: 134px; height: 140px;filter:shadow(color:#333333,direction=150);"><img src="圖片.jpg" ></div>



     

    投射陰影效果 :
    <DIV style="FILTER: Dropshadow(color:#333333,direction=150,offX=5,offY=5); WIDTH: 134px; HEIGHT: 140px"><img src="圖片.jpg" ></div>



     

    波形效果 :
    <DIV style="FILTER: Wave(strength=5,lightstrengh=5); WIDTH: 134px; HEIGHT: 140px"><img src="圖片.jpg" ></div>



     

    模糊效果 :
    <DIV style="FILTER:Blur(direction=150); WIDTH: 134px; HEIGHT: 140px"><img src="圖片.jpg" ></div>



     

      *MSN Spaces for IE尚不支援的效果

    馬賽克 :
    <img src="圖片.jpg" style="filter:progid:DXImageTransform.Microsoft.Pixelate(maxsquare=4)">

    支援馬賽克之後應變的圖像 : 

    PS.所有效果的使用方式,都是直接勾HTML格式建立。
    Designed for IE.

    仔細研究:參考微軟MSDN相關文章。

    ©能量魔法學院製

    / / / /     ██

     MSN SPACES

    西BetaMSN
    ~
     

    评论

    请稍候...
    很抱歉,您输入的评论太长。请缩短您的评论。
    您没有输入任何内容,请重试。
    很抱歉,我们当前无法添加您的评论。请稍后重试。
    若要添加评论,需要您的家长授予您相应权限。请求权限
    您的家长禁用了评论功能。
    很抱歉,我们当前无法删除您的评论。请稍后重试。
    您已超过了一天之内允许提供的评论数上限。请在 24 小时后重试。
    因为我们的系统表明您可能在向其他用户提供垃圾评论,您的帐户已禁用了评论功能。如果您认为我们错误地禁用了您的帐户,请联系 Windows Live 支持部门
    完成下面的安全检查,您提供评论的过程才能完成。
    您在安全检查中键入的字符必须与图片或音频中的字符一致。

    若要添加评论,请使用您的 Windows Live ID 登录(如果您使用过 Hotmail、Messenger 或 Xbox LIVE,您就拥有 Windows Live ID)。登录


    还没有 Windows Live ID 吗?请注册

    引用通告

    此日志的引用通告 URL 是:
    http://rt402.spaces.live.com/blog/cns!236A2F8CFE993A2C!112.trak
    引用此项的网络日志