החבילה "אנימציות" מאפשרת למפתחים להוסיף אפקטים ומעברים שונים לאלמנט מבלי להתמודד עם מבני CSS3 ארוך קוד, תוספי jQuery, או מנועי אנימציה JavaScript מורכבים.
רק על ידי הוספת מחלקה מסוימת (CSS) לתג HTML, אלמנט שיהיה אנימציה באמצעות הכללים המפורטים בכיתה ש.
ניתן ליישם האנימציות בטעינה של דף או באופן דינמי במהלך ריצה / שימוש.
JavaScript חלק משמש לשליטה כיצד אנימציות מיושמות ואינטראקציה עם, אבל האנימציות עצמם ניתנות 100% באמצעות CSS 3.
אנימציות נתמכות:
דועך
לדעוך בעד
לדעוך בדאון
לדעוך בשמאל
לדעוך בעכבר
לִדהוֹת
לדהות עד
לדהות דאון
לדהות שמאל
לדהות ימין
להקפיץ ב
להקפיץ בעד
להקפיץ בדאון
להקפיץ בשמאל
להקפיץ בעכבר
להקפיץ מתוך
להקפיץ מתוך Up
להקפיץ מתוך Down
להקפיץ מתוך שמאל
להקפיץ מתוך ימין
הגדל
הגדל עד
הגדל דאון
הגדל שמאל
הגדל ימין
התרחקות
התרחקות עד
התרחקות דאון
התרחקות שמאל
התרחקות מימין
פליפ בX
פליפ בY
פליפ בחלק עליון קדמי
פליפ בראש הדף חזרה
פליפ בחזית תחתונה
פליפ בתחתית חזרה
פליפ בחזית השמאל
פליפ בשמאל חזרה
פליפ בימין קדמי
פליפ בזכות חזרה
פליפ מתוך X
פליפ מתוך Y
להעיף החוצה עליון קדמי
להעיף החוצה עליון קדמי
להעיף החוצה קדמי תחתונה
להעיף החוצה תחתון חזרה
להעיף החוצה חזית שמאל
להעיף החוצה שמאל חזרה
להעיף החוצה ימני קדמי
פליפ מתוך תיכף תישוב
פלאש
Strobe
Shake X
Shake Y
עזיבות
טדה
גומי
Swing
ספין
הפוך ספין
קֶלַע
הקלע הפוך
לְנַעֲנֵעַ
דופק
לִפְעוֹם
Heartbeat
פאניקה
מה חדש בהודעה זו:
- נוסף 72 אנימציות נוספות (למעלה מימין, ימין למעלה, למטה משמאל ו
- דאון גרסאות זכותם של כל הנוכחית / יציאת אנימציות).
מה חדש בגרסה 2.0:
- 'appear.min.js' נוסף
- אנימציות נוסף
- תוקן הבאג עם אלמנטים המהבהבים לפני הנפשת ב
- פונקציות JavaScript מותאמים
- כיתת CSS מותאם שמות
- הוסר 'visible.min.js'
דרישות :
- דפדפן CSS 3 אפשר
- לאפשר Javascript בצד הלקוח
תגובות לא נמצא