ובסדרת הcss: 😎 בא לכם לעשות טקסט עם צבע מתחלף? 👨👩👧👦 לא! 😎 עדיין אני הולך לכתוב את הפוסט הזה! 👨👩👧👦 שיגעת את רבי! 😎 אז מי שיודע יודע שלעשות רקע עם צבע מתחלף זה יחסית קל בעזרת הפונקציה המובנית linear-gradient. 👨👩👧👦 טוב אבל מה זה קשור אלינו? 😎 אז זהו שיש מאפיין cssי שנקרא background-clip שתפקידו להגדיר על מה יצמד הרקע: על כל הbox כולל הborder, לא כולל, רק על הcontent (בלי הpadding אפילו!) או מאחורי הטקסט. 👨👩👧👦 רגע אמרת מאחורי הטקסט??? 😎 יאפ! ואז בעצם מתחת לטקסט שלנו יהיה רקע מתחלף שיוסתר רק על ידי הצבע של הטקסט. 👨👩👧👦 מה אתה ליצן רפואי? למי זה עוזר שיש שם רקע מתחבא? 😎 שכעת כל מה שנשאר לנו זה לעשות זה לתת רקע שקוף לטקסט... וחזיז ורעם חיי זקנו של מרלין יש לנו טקסט עם צבע מתחלף! 👨👩👧👦 יוסף אתה אל יווני (* מהמגניבים, לא האלים היד שניה שיכולים לעשות רוח חרישית וטל) אתה כביר ועצום! 😎 תודה 👨👩👧👦 אפשר סלפי? 😎 חלאס! מרגיש מוזר להתכתב עם עצמי! ובcodepen המצורף טקסט עם עיצוב שהוא תזכורת לימים טובים יותר שword 2000 היה מגניב, ומכונית חשמלית עבדה על 2 סוללות aa ושלט.

איך ליצור טקסט עם צבע מתחלף ב-CSS בעזרת background-clip
• זמן קריאה: 1 דקות
בפוסט הזה נראה איך ליצור טקסט עם צבע מתחלף ב-CSS בעזרת background-clip, ולמה זה כל כך מגניב! הרקע משתנה בצורה חלקה והטקסט הופך לאלמנט עיצובי מרהיב.