close
![](https://imageproxy.pixnet.cc/imgproxy?url=https://pic.pimg.tw/ajoyce9868700/1311248070-ba24499395609a207c6eae86f627eb3d.jpg)
利用「濾鏡語法」
可以為你的相簿
做出獨特的視覺效果
要怎麼使用呢?很簡單!
利用「濾鏡語法」可以為你的無名相簿
做出獨特的視覺效果。下面介紹「漸層濾鏡」
使用「漸層濾鏡」後,相片會出現漸層消失效果
![](https://imageproxy.pixnet.cc/imgproxy?url=https://pic.pimg.tw/ajoyce9868700/1311248070-ef9e0c6373450ed8534f63f3636aa1ae.jpg)
滑鼠移上去,才會恢復原本的彩色
![](https://imageproxy.pixnet.cc/imgproxy?url=https://pic.pimg.tw/ajoyce9868700/1311248070-69ed49bfae4b1f3fb78c79060960cd53.jpg)
語法如下:
.side a img {filter:alpha(style=1);}
.side a:hover img {filter:alpha(opacity=100);}
*相簿濾鏡效果,只有在IE瀏覽器下,才看得見
語法怎麼使用?先按相簿上方的樣式管理
![](https://imageproxy.pixnet.cc/imgproxy?url=https://pic.pimg.tw/ajoyce9868700/1311248070-03b10b1d0dbb9ab0634e09f833fa7fe4.png)
然後按修改CSS樣式表
![](https://imageproxy.pixnet.cc/imgproxy?url=https://pic.pimg.tw/ajoyce9868700/1311248070-d73f522e4f5beded8785db7ef9af65bb.png)
在最下面空白的地方,貼上語法,存檔即可
![](https://imageproxy.pixnet.cc/imgproxy?url=https://pic.pimg.tw/ajoyce9868700/1311248071-f8c371a889f20751ddaf5d9e4324379f.png)
全站熱搜