אנימציית קפיצה לוידג’ט בקונטיינר – מבוסס על Grow 6:02

לאיכות צפיה ברמה גבוהה לחצי על גלגל השיניים מתחת לכל סרטון > איכות > 1080p

הסרטון מוטמע מיוטיוב על מנת לאפשר לך חווית למידה מעולה ונוחה. אין שום רשות להעתיק או להפיץ את הקישור לסרטון. תודה :)

ההגדרות לקונטיינר

  1. פריסה > כיוון > שורה – אופקי
  2. פריסה > יישור פריטים > התחלה

ההגדרות לאנימציית קפיצה לוידג’ט תמונה

  1. הוסיפי בתוך הקונטיינר וידג’ט תמונה > סגנון > רוחב > 100%
  2. מתקדם > רוחב > מותאם > בחרי 50%

הקוד להוספת אנימציית קפיצה לוידג’ט תמונה

selector{
    animation: img-grow 1.2s ease-in-out infinite;
}

@keyframes img-grow{
    50%{
        flex-grow: 1;
    }
}

הקוד יעבוד אך ורק אם הקפדת על הגדרות מדוייקות :)

כתיבת תגובה

ברוכה הבאה לקורס קונטיינרים באלמנטור

דילוג לתוכן