ראשימדינותהטיולים שליטיולים ותרמילאותאודות
YosefusFlavius

Yosefus flavius

אני בעצמי

קישורים מהירים

  • דף הבית
  • אודות
  • בלוג
אינסטגרם

©2026 Yosefus Flavius WebDeveloper

איך ליצור טקסט עם צבע מתחלף ב-CSS בעזרת background-clip
  1. בית
  2. /
  3. פיתוח Full Stack

איך ליצור טקסט עם צבע מתחלף ב-CSS בעזרת background-clip

4 ביולי 2024•1 דקות קריאה

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

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

שתף את המאמר

שתפו:
Yosefus Flavius

נכתב על ידי

Yosefus Flavius

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

עקבו באינסטגרםעוד עליי
הכתבה הקודמת סיפור קצר על פיד מבזקים אוטומטי וקסם ב-CSSהכתבה הבאה️ Loader פעימות לב ב-CSS

כתבות דומות

כתבות קשורות

כתבות דומות

CSS Mix-blend-mode: איך לשלב תוכן עם הרקע
פיתוח Full Stack/פרונט אנד

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

בפוסט הזה נלמד על שימוש ב־mix-blend-mode ב־CSS, טכניקת עיצוב מגניבה שמאפשרת לשלב את התוכן של האלמנט עם הרקע והאב בצורה מרהיבה ומיוחדת.

27 באפריל 2025
איך להוסיף גלילה חלקה ב-CSS
פיתוח Full Stack/פרונט אנד

איך להוסיף גלילה חלקה ב-CSS

כיצד להוסיף גלילה חלקה לדף באמצעות CSS בצורה פשוטה ומהירה. הפתרון הקל ביותר לגרום לגלילה להרגיש נינוחה בלי קפיצות מטרידות. כל מה שצריך זה סגנון CSS קטן.

27 באפריל 2025
האם כדאי להשתמש בספריות UI ב-React? מלחמת בני אור בבני חושך 2.0
פיתוח Full Stack/פרונט אנד

האם כדאי להשתמש בספריות UI ב-React? מלחמת בני אור בבני חושך 2.0

בפוסט הזה נדבר על יתרונות וחסרונות של שימוש בספריות UI ב-React. האם באמת כדאי לקחת את הדרך הקלה עם ספריות מוכנות או להשקיע בכתיבת כל דבר מאפס? גיא חולק את הדעות שלו על ספריות UI, RTL, והתמודדות עם אתגרים בעיצוב אתרים.

27 באפריל 2025