האתר בתהליך הטמעת העיצוב החדש. תודה על הסבלנות :)

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

CSS

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

  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

דילוג לתוכן