CSS3濾鏡屬性是CSS3中新增加的一組屬性,這組屬性可以讓我們對一個元素的視覺效果進行調整和修改,讓它更加有趣和生動。下面就是CSS3濾鏡屬性的幾種常用的效果:
/* 模糊濾鏡 */ .blur{ filter: blur(10px); } /* 灰度濾鏡 */ .grayscale{ filter: grayscale(100%); } /* 色相旋轉濾鏡 */ .hue-rotate{ filter: hue-rotate(90deg); } /* 亮度濾鏡 */ .brightness{ filter: brightness(200%); } /* 對比度濾鏡 */ .contrast{ filter: contrast(150%); } /* 飽和度濾鏡 */ .saturate{ filter: saturate(200%); } /* 反轉顏色濾鏡 */ .invert{ filter: invert(100%); } /* 透明度濾鏡 */ .opacity{ filter: opacity(0.5); } /* 混合模式濾鏡 */ .blend{ mix-blend-mode: multiply; }
以上就是CSS3濾鏡屬性的幾種常用的效果。我們可以根據實際需要來使用這些效果,給頁面帶來更美觀和生動的效果。
下一篇mysql查詢區間內