1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
/*//=====噗文圖片滑鼠經過變化=====//*/
/*//若不想要「經過」才變化,則去掉「:hover」//*/


/*變模糊,程度可設定*/
.plurk a.pictureservices :hover {-webkit-filter: blur(1.5px);filter: blur(1.5px);}

/*變灰階,程度可設定*/
.plurk a.pictureservices :hover {-webkit-filter: grayscale(100%);filter: grayscale(100%);}

/*變負片,程度可設定*/
.plurk a.pictureservices :hover {-webkit-filter: invert(100%);filter: invert(100%);}

/*變半透明,不透明度可設定*/
.plurk a.pictureservices :hover {-webkit-filter: opacity(50%);filter: opacity(50%);}

/*變泛黃,程度可設定*/
.plurk a.pictureservices :hover {-webkit-filter: sepia(100%);filter: sepia(100%);}

/*加陰影,顏色與尺寸可設定*/
.plurk a.pictureservices :hover {-webkit-filter: drop-shadow(8px 8px 10px green);filter: drop-shadow(8px 8px 10px #555555);}