קסם אנימציות CSS3 בהשראת Animate.css הפרויקט , אך התרחב עם כמה אפקטים מגניבים נוספים.
כל האנימציות מופעלות באמצעות מחלקות CSS מיוחדות, אשר ניתן להוסיף לאלמנט להראות האנימציה על טעינה של דף, או שהוכנסו באמצעות JavaScript ולהשתמש בו רק עם אירועים לרחף.
בעומק מסופקות הוראות התקנה ושימוש בקובץ README של החבילה.
אנימציות נתמכות:
אפקטי קסם:
קסם
twisterInDown
twisterInUp
החלפה
בלינג:
יַסעוּר
puffOut
vanishIn
vanishOut
אפקטי סטטי:
openDownLeft
openDownRight
openUpLeft
openUpRight
openDownLeftRetourn
openDownRightRetourn
openUpLeftRetourn
openUpRightRetourn
אפקטי סטטי מתוך:
openDownLeftOut
openDownRightOut
openUpLeftOut
openUpRightOut
פרספקטיבה:
perspectiveDown
perspectiveUp
perspectiveLeft
perspectiveRight
perspectiveDownRetourn
perspectiveUpRetourn
perspectiveLeftRetourn
perspectiveRightRetourn
סובב:
rotateDown
rotateUp
rotateLeft
rotateRight
שקופית:
slideDown
slideUp
slideLeft
slideRight
slideDownRetourn
slideUpRetourn
slideLeftRetourn
slideRightRetourn
מתמטיקה:
swashOut
swashIn
foolishOut
foolishIn
holeOut
פח:
tinRightOut
tinLeftOut
tinUpOut
tinDownOut
tinRightIn
tinLeftIn
tinUpIn
tinDownIn
פצצה:
bombRightOut
bombLeftOut
Boing:
boingInUp
boingOutDown
בשטח:
spaceOutUp
spaceOutRight
spaceOutDown
spaceOutLeft
spaceInUp
spaceInRight
spaceInDown
spaceInLeft
מה חדש במהדורה זו:.
- קידומות מיותרות הקוד חידשה והוציא
דרישות :
- דפדפן CSS 3 אפשר
תגובות לא נמצא