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很多語法都不能用,所以我想
這也應該是最後的一個有用教學,也許以後會開放更多
東西也不一定,反正還是Beta版,就期待MSN釋出更多
好康的吧~
今天天氣很溫暖,這年頭,春天總是來一下子就離我們
遠去,雖然有些人可以看到雪景,但是這是個不該來的
季節,不久,有是炎熱的夏天,哀~期待春意盎然的暖意。