השלבים להכנת אפקט CSS לשינוי תמונת רקע לקונטיינר במעבר על כפתור
- פתחי את העמוד הרצוי באלמנטור > הוסיפי קונטיינר ראשי > פריסה > כיוון > מימין לשמאל
- בתוך הקונטיינר הוסיפי 3 כפתורים ואחריהם קונטיינר פנימי
- הגדירי לקונטיינר החיצוני ולקונטיינר הפנימי גובה זהה (בסרטון הגובה של שניהם הוא 100vh)
- בחרי את הקונטיינר הפנימי > סגנון > רקע > בחרי תמונת רקע
- המשיכי עם הקונטיינר הפנימי > מתקדם > מיקום > מוחלט > ובCSS Classes > כתבי bg
- הוסיפי את הקוד הבא לכל כפתור שבתוך הקונטיינר הראשי
הקוד לאפקט CSS לשינוי תמונת רקע לקונטיינר במעבר על כפתור באלמנטור
selector:hover ~ .bg{
background-image: url('https://chagit.alufot.co.il/wp-content/uploads/bg1.svg') !important;
}
שימי לב להחליף את תמונת הרקע לכל כפתור.