CSS Mix-blend-mode: איך לשלב תוכן עם הרקע

יום שישי כולם רגועים ומכינים את האוכל לשבת ואז טראחחחח css על הראש 😃 כזה אני... אוהב את הבריות 😍 אז רק כדי שתיכנסו לשבת עם טעם של css טוב, וקובה )למי שמקפיד). מצורף בזה נושא שהוא סתם מגניב ובערך 0.767 אחוז שימושי (אבל 100% מגניב). והוא mix-blend-mode שאומר איך לשלב את התוכן של אלמנט עם האבא שלו והרקע. אע? קבלו את הדוגמא:

תיקון: פה ישנה בעיה במובייל ותודה ל Hadriel Benjo שהאיר את עיני לא הספקתי לבדוק למה אבל כנראה בגלל הgradient

בא לכם לקרוא על זה עוד:

https://developer.mozilla.org/en-US/docs/Web/CSS/mix-blend-mode