ימים
שעות
דקות
שניות
הנחות בלאק פריידי על כל הקורסים באתר!

החלפת צבע לSVG במעבר עכבר

בדרך כלל מגדירים צבע רקע עם background-color.

אבל לSVG יש את צריכה להשתמש בהגדרה fill כדי לשנות את הצבע, ככה:

selector svg{
    fill: red !important;
}

וכדי ששינוי הצבע יעבוד במעבר עכבר, את צריכה להוסיף הגדרה של hover לקוד, ככה:

selector svg:hover{
    fill: red !important;
}

תצליחי,
חגית

2 תגובות

  1. היי
    תודה חגית על כל ההדרכות
    מאד כיף עוזר!!
    יש לי אייקון SVG שהעלתי לכפתור
    ואני רוצה לשנות לו את הצבע באובר
    הקוד כאן לא עובד לי כנראה בגלל שזה בתוך כפתור.
    איך אני עושה את זה?
    תודה רבה!!!

כתיבת תגובה

עוד הדרכות על CSS

דילוג לתוכן