#45 CSS 中的半透明遮罩 mask，實現各種模糊邊緣特效

⚠️ 本篇文章已搬遷至 css.im1010ioio.dev，請至新站閱讀完整版。 前幾篇寫到 CSS clip-path 時，可以剪裁任何 HTML 的元素，包含色塊、圖片、影片，但是他只限於精準的剪裁線條，萬一今天要有更複雜而且半透明的剪裁呢？ 例如，我今天想要 LOGO 上面有個手印被裁掉，同時又有點半透明效果： 圖片來源：Steam - This War of Mine 這時候就可以使用 CSS 的 mask 屬性，再加上一張裁剪用的半透明圖檔，做到我們要的效果，這幾乎跟 Ph...