幸福..

關於部落格
心情寫作..
  • 13426

    累積人氣

  • 0

    今日人氣

    0

    訂閱人氣

☞相本濾鏡樣式


*黑白濾鏡

看起來是黑白連過去是彩色

.side a img{filter:gray;}
.side a:hover img{ filter:alpha(opacity=100) ;}


*漸層濾鏡(款式一)

看起來是半透明連過去是彩色 (由右下開始漸層透明)

.side a img{filter:alpha(style=1);}
.side a:hover img{ filter:alpha(opacity=100) ;}

*漸層濾鏡(款式二)

看起來是半透明連過去是彩色 (四個角有透明的感覺.偏橢圓)

.side a img{filter:alpha(style=2);}
.side a:hover img{ filter:alpha(opacity=100) ;}

*漸層濾鏡(款式三)

看起來是半透明連過去是彩色 (四個角有透明的感覺.四邊形)

.side a img{filter:alpha(style=3);}
.side a:hover img{ filter:alpha(opacity=100) ;}

*x光濾鏡

看起來是x光連過去是彩色

.side a img{filter:xray;}
.side a:hover img{ filter:alpha(opacity=100) ;}


*對比濾鏡

看起來是對比過度連過去是彩色

.side a img{filter:invert;}
.side a:hover img{ filter:alpha(opacity=100) ;}

*模糊濾鏡

看起來是模糊連過去是正常彩色

.side a img{filter:blur;}
.side a:hover img{ filter:alpha(opacity=100) ;}

*隱藏濾鏡

看起來是隱藏連過去會出現照片 (會顯示白色)

.side a img{filter:mask;}
.side a:hover img{ filter:alpha(opacity=100) ;}

*波紋濾鏡

看起來有橫波連過去會出現正常照片 (橫波較粗)

.side a img{filter:wave;}
.side a:hover img{ filter:alpha(opacity=100) ;}

*馬賽克濾鏡

看起來是正常照片連過去會過馬賽克

.side A IMG {FILTER: alpha(opacity=100)}
.side A:hover IMG{FILTER: progid:DXImageTransform.Microsoft.Pixelate(maxsquare=3)

*變型濾鏡

看起來是變形 移過去是正常照片

.side a img{filter:Wave(strength=10,freq=5,lightstrength=10,phase=5);}
.side a:hover img{ filter:alpha(opacity=100) ;}

*朦朧濾鏡

看起來是圓形朦朧感連過去會變回正常

.side {BACKGROUND-POSITION: center bottom; BACKGROUND-IMAGE: none; BACKGROUND-REPEAT: no-repeat; BACKGROUND-COLOR: #ffffff}
.side A IMG {FILTER: alpha(style=2)}
.side A:hover IMG {FILTER: alpha(style=3)}

*相反濾鏡

看起來是與照片左右相反連過去會變回正常

.side a img{filter:FlipH;}
.side a:hover img{ filter:alpha(opacity=100) ;}

 

相簿設定
標籤設定
相簿狀態