#47 一次搞懂 CSS 各種混合模式：mix-blend-mode/ background-blend-mode

Oct 3, 2024 · 1 min read · ⚠️ 本篇文章已搬遷至 css.im1010ioio.dev，請至新站閱讀完整版。 mix-blend-mode 和 background-blend-mode 能讓元素或背景顏色和它們背後的元素或背景進行混合，從而產生不同的視覺效果。這些效果類似於 Photoshop 等圖像編輯軟件中的「混合模式」。 如果搭配 sticky 效果或是視差捲動，會非常酷炫喔！例如「板塊設計」的官網，在文字上使用了 mix-blend-mode: difference;，讓文字跟背景的石頭圖片產生相反顏色的效...