語法特效 ~ 打造圖片的特殊效果 (一)

2012071919:49
 
~ 歐店編輯、整理 ~

原圖
(再次感謝美人提供美照作為範例使用)






1. 柔化

<img src="圖片網址貼此" style="filter:alpha(opacity=50, finishOpacity=50,style=0)">







2. 柔邊(左往右)

<img src="圖片網址貼此" style="filter:alpha(opacity=0, finishOpacity=200,style=1)">







3. 圓形柔化(外往中央)

<img src="圖片網址貼此" style="filter:alpha(opacity=100, finishOpacity=0,style=2)">


 







4. 灰色效果

<img src="圖片網址貼此" style="filter: gray">







5. 左右翻轉

<img src="圖片網址貼此" style="filter:FlipH()">








6. 發光效果

<div style="width: 410px; height: 480px;filter:glow(color=#ff00ff, strength=6)"><img src="圖片網址貼此" ></div>



 



 





7. 投射陰影效果

<DIV style="FILTER: Shadow(color=#4A7AC9,direction=1035); WIDTH: 410px; HEIGHT: 480px" align=center><br><IMG src="圖片網址貼此"></DIV>



 


 




8 水波紋效果

<DIV style="FILTER: Wave(freq=25,strength=20,lightstrength=5,phase=0); WIDTH: 410px; HEIGHT: 480px" align=center><br><IMG src="圖片網址貼此"></DIV>

 


 



9. 半透明波形

<DIV style="FILTER: Wave(freq=7,strength=12,lightstrength=5,phase=0); WIDTH: 410px; HEIGHT: 480px" align=center><br><img src="圖片網址貼此" style="filter:Alpha(opacity=100,finishOpacity=0,style=2)"></DIV>

 
 


 






10 圖片抽絲效果

<BR></B><BR><BR>
<TABLE border=0>
<TBODY>
<TR>
<TD style="FILTER: wave (add=true,freq=100,lightstrength=100,phase=1,strength=1)" width=410 background="圖片網址貼此"height=480></TD></TR></TBODY></TABLE>



 
 






要如何引用文章呢?
1.先複製文章內容
2.點文章下方的【我要引用】
3.點了【我要引用】之後就直接連結到你要發表文章的地方
4.貼上你剛剛複製的【文章內容】
5.寫好【文章標題】
6.按【儲存】
7.【完成】
歐店感謝您的引用
歡迎您有空再度光臨

 











 


  •   戀戀 於 2012-07-22 22:20 2F

  • 感謝歐大分享
    有空再來試試看 .....



  • 版主於 2012-07-23 11:44 回覆
    有閒不妨試試  粉好玩滴 ~
  •   雲自在 於 2012-07-20 10:59 1F
  • 很棒的分享^^

    老師早安^^
  • 版主於 2012-07-20 16:19 回覆
    下午好唷 ~
    有段時日沒見尼出現溜 ....