אפקט מעבר על קונטיינר [אטום ושקוף]

השלבים לבנייה נכונה של האלמנטים בעמוד

1. פתחי את העמוד הרצוי באלמנטור, והוסיפי קונטיינר ראשי
2. בתוכו קונטיינר שמשמש כקופסא לאנימציה, ניתן לו Class בשם parent-box
3. ובתוכו לשים את הקונטיינרים (הכרטיסים), ולכל אחד מהם לתת Class בשם box

הקוד ליצירת אפקט מעבר לקונטיינר באלמנטור

.parent-box:hover .box{
    opacity: 0.3;
    transition: 0.5s ease;
}

.parent-box:hover .box:hover{
    opacity: 1;
    transition: 0.5s ease;
}

.box{
    transition: 0.5s ease;
}