
CSS Mix-blend-mode: איך לשלב תוכן עם הרקע
בפוסט הזה נלמד על שימוש ב־mix-blend-mode ב־CSS, טכניקת עיצוב מגניבה שמאפשרת לשלב את התוכן של האלמנט עם הרקע והאב בצורה מרהיבה ומיוחדת.
תוכן המאמר
יום שישי כולם רגועים ומכינים את האוכל לשבת ואז טראחחחח css על הראש 😃 כזה אני... אוהב את הבריות 😍 אז רק כדי שתיכנסו לשבת עם טעם של css טוב, וקובה )למי שמקפיד). מצורף בזה נושא שהוא סתם מגניב ובערך 0.767 אחוז שימושי (אבל 100% מגניב). והוא mix-blend-mode שאומר איך לשלב את התוכן של אלמנט עם האבא שלו והרקע. אע? קבלו את הדוגמא:
תיקון: פה ישנה בעיה במובייל ותודה ל Hadriel Benjo שהאיר את עיני לא הספקתי לבדוק למה אבל כנראה בגלל הgradient
בא לכם לקרוא על זה עוד:
https://developer.mozilla.org/en-US/docs/Web/CSS/mix-blend-modeשתף את המאמר
אודות הכותב
Yosefus Flavius
כותב הבלוג
