חיווי מתקדם לתפריט במעבר עכבר

במעבר על לינק בתפריט שאר הלינקים מקבלים שקיפות,
דרך קצת שונה לחיווי מהאופציות שאלמנטור נותן.

CSS
selector ul:hover li {
 opacity: 0.5;   
}
selector li:hover  {
 opacity: 1 !important;   
}

במידה וקוד ה – Css חל רק על אזור, עמודה או ווידג'ט ספציפי ניתן להטמיע תחת טאב מתקדם של אותו האזור העמודה או הווידג'ט בקוד מותאם.

במידה והקוד חל על כל העמוד ניתן להטמיע את הקוד תחת ההגדרות של העמוד בקוד מותאם.

במידה והקוד חל על כל האתר ניתן להטמיע בהגדרות אתר בקוד מותאם או לחלופין להטמיע את הקוד תחת הגדרות אלמנטור בניהול קודים.

3 תגובות

  1. יש אפשרות להוסיף קוד שיעשה את המעבר של השקיפות בעדינות יותר?

    1. כדי להוסיף מעבר עדין נסה את הקוד הזה:

      selector ul li,
      selector li {
      transition: opacity 0.3s ease;
      }

      selector ul:hover li {
      opacity: 0.5;
      }

      selector li:hover {
      opacity: 1 !important;
      }

כתיבת תגובה

האימייל לא יוצג באתר. שדות החובה מסומנים *

אלמנטור
Css
קרדיט: לא ידוע
הקוד שייך לך? תעדכנו ואתן לכם קרדיט.
העדכונים שלא תרצו לפספס
הירשמו ותהיו הראשונים לקבל את המדריכים הכי חמים למייל.
אלמנטור
Js
שינוי שדה מסוג מספר לשדה מסוג טווח (סליידר)
אלמנטור
Js
סגירת פופאפ בלחיצה על כפתור
וורדפרס
Css
עיצוב תוסף הנגישות של enable
ווקומרס
Php
הצגת מוצרים במלאי תחילה בארכיון מוצרים
אלמנטור
Css
הפיכת ווידג'ט תיבת אייקון או תיבת תמונה ללחיצים
חיפוש חופשי
העדכונים שלא תרצו לפספס
הירשמו ותהיו הראשונים לקבל את המדריכים הכי חמים למייל.
הרשימה מתעדכנת כל הזמן - מומלץ לשמור את הדף במועדפים!
כדי לשמור את האתר לחצו על Ctrl+D במקלדת (במק D+⌘).