各位观众老爷们，晚上好！ 今天咱们来聊聊 CSS 里的“妖艳贱货”—— blending-modes， 尤其是叠加系列的三剑客：overlay、soft-light 和 hard-light。 这三个家伙经常被用来实现各种炫酷的视觉效果，但它们背后的数学原理，emmm… 可能让不少小伙伴望而却步。 别怕！ 今天我就带大家扒掉它们华丽的外衣，看看它们“内心”到底藏着什么。 准备好纸笔，咱们开始咯！ 一、Blending Modes：概述 首先，我们要搞清楚 blending-modes 是个什么玩意儿。 简单来说，它就是控制两个图层（通常是背景和前景）如何混合在一起的属性。 想象一下，你把两张透明的彩色玻璃叠在一起，最终呈现出来的颜色，就取决于它们的混合方式。 CSS 提供了多种混合模式，比如 multiply（正片叠底）、screen（滤色）、color-dodge（颜色减淡）、color-burn（颜色加深），以及我们今天要重点关注的 overlay、soft-light 和 hard-light。 二、RGB 颜色模型：基础知识 在深入了解叠加模式的数学模型之前，我们需 …
继续阅读“CSS `blending-modes` 叠加 (`overlay`, `soft-light`, `hard-light`) 的数学模型”