CSS是前端開發中常用的技術之一。它是一種樣式語言，可以用來對網頁元素進行美化和布局。其中，圖片濾鏡和剪影是兩種比較常用的效果。

圖片濾鏡可以給圖片添加各種特效，比如黑白、模糊、顏色反轉等。使用CSS實現圖片濾鏡需要用到filter屬性。例如：

img {
filter: grayscale(100%);
filter: blur(5px);
filter: invert(100%);
}

以上代碼分別實現了圖片的黑白、模糊和顏色反轉效果。其中的數字可以根據具體需求進行調整。

剪影效果可以使得圖片的背景變為透明，只留下圖案的輪廓。使用CSS實現圖片剪影需要用到clip-path屬性。例如：

img {
clip-path: circle(50% at 50% 50%);
}

以上代碼會將圖片剪成一個圓形，并讓圓心位于圖片中心。

需要注意的是，filter和clip-path屬性在不同瀏覽器上的兼容性可能會有所不同。同時，對于某些性能比較低的設備，使用大量的圖片濾鏡和剪影效果可能會帶來卡頓和加載緩慢的問題。因此，在使用這些效果時需要仔細權衡。