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);} |
Direct link: https://paste.plurk.com/show/sSwryKh3VdujEnNQvb6x