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
מתכנת מוכשר בחסד עליון ככה אומרים עלי כולם - לפחות בפרצוף שלי, אני אוהב ומעולה בלטייל ולתכנן טיולים בעיקר במדינות מגניבות, ואני צלם חובב כבר מעל 10 שנים.
עקבו באינסטגרם