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

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

נגן וידאו

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

  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;
}

3 תגובות

  1. תודה חגית, אבל משום מה הקונטיינר מופיע בתור אלמנט בצד השמאלי (ליד האלמנטים האחרים) ואין לי מושג מה עושים איתו…
    בדרך כלל זה היה מופיע לי כמו בסרטון, אבל לאחרונה זה לא מופיע בכלל.

כתיבת תגובה

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

דילוג לתוכן