CSS blend mode Text Effects - Glass Text Effects Tutorial

竹白記事本，學習紀錄，2019/03/05。

CSS Transparent Text Effects - CSS blend mode Text Effects - Glass Text Effects Tutorial

tags: mix-blend-mode

CodePen

CSS blend mode Text Effects - Glass Text Effects Tutorial

mix-blend-mode

直接在網頁呈現 Photoshop 的圖層混合糢式。

• normal，一般（預設值）。
• multiply，色彩增值。
• screen，濾色。
• overlay，覆蓋。
• darken，變暗。
• lighten，變亮
• color-dodge，加亮顏色（減淡）。
• color-burn，加深顏色。
• hard-light，實光。
• soft-light，柔光。
• difference，差異化。
• exclusion，排除。
• hue，色相。
• saturation，飽和度。
• color，顏色。
• luminosity，明度。

瀏覽器支援度：mix-blend-mode｜Can I use