製作黑白色塊但是透明文字效果



前言

  • 在製作按鈕的時候,總想把文字變成透明,找來找去終於找到方式。



設定

黑色底

1
2
3
background: black;
color: white;
mix-blend-mode: multiply;

白色底

1
2
3
background: white;
color: black;
mix-blend-mode: screen;



REF

  1. https://stackoverflow.com/questions/13932946/transparent-text-cut-out-of-background
  2. https://developer.mozilla.org/en-US/docs/Web/CSS/mix-blend-mode
Licensed under CC BY-NC-SA 4.0
最後更新 2024-05-24 14:47

主題 StackJimmy 設計