רשעים CSS - ספריית אנימציה חדשה חם ב
תודה CSS3 אתה יכול לבנות כמה אנימציות מטורפות באינטרנט. אלה יכולים עבודה על פני כל הדפדפנים ורכיבי הדף כדי לשלוט בפריטים ניווט, dropdowns, כרטיסיות, אתה שם את זה.
למעשה אתה יכול אפילו ליצור קודים אלה באופן דינמי באמצעות כלי אנימציה. אבל אלה הם מוגבלים למדי לעומת הספרייה אנימציה מלא מנוצה.
Wicked CSS היא הספרייה החדשה ביותר מסוגה. זה מזכיר לי את המוקדמות Animes.css אשר היה פשוט למדי ו ראשוני, עדיין יכול לשמש פחות או יותר בכל אתר אינטרנט.
קח להציץ בדף הבית עבור הדגמה חיה יחד עם רשימה של כל הנפשות הנתמכות. נכון לכתוב מאמר זה אני סופר 24 הנפשה הכוללת סגנונות מתוך שקופיות כדי סיבובים ואת פעימה פעימה / הקפצה.
רבים מההנפשות הללו הן תכונות חד-פעמיות המשמשות להפיכת אלמנט לתצוגה (או מחוץ לטווח הראייה). זה שימושי עבור דפים עם אנימציות גלילה לצפייה מיקוד אלמנטים בדף מסוים.
אבל אתה יכול גם השתמש באפשרות זו כדי להציג (או להסתיר) פריטי דף נוספים כמו תפריטים נפתחים, פסי חיפוש, טופסי הרשמה מוסתרים או כל דבר אחר. הנה רשימה קטנה של הנפשות שתוכל לבחור מתוך:
- לנער
- התקרב / הקטן
- החלק למעלה / למטה
- להתפוגג החוצה
- מתגלגל פנימה / החוצה
- להקפיץ פופ
- סיבוב עגול פנימה / החוצה
כל אלה סגנונות אנימציה נועדו לשימוש אחד. הם יכולים להיקרא מספר פעמים בכל דף אלמנט, אבל אלה אינם חוזרים על הנפשות.
במקום זאת, תשתמש באפשרויות אלה על סמך האפקט של קליק, ריחוף או החלקה של משתמש. הם יכולים לשמש גם על לחצני CTA עבור פעימה פעימה / פעימה, אבל זה דורש פונקציית תזמון JavaScript.
עיין בדף דוגמאות לקבלת תצוגה מקדימה חיה ועוד פרטים נוספים. תוכלו למצוא גם תיעוד מלא באתר הראשי יחד עם ריפו GitHub.
Wicked CSS היא ספרייה חדשה יותר, כך שאין לה עדיין ענקית. אבל הספרייה היא יציבה וזה צפוי להיות בסביבה במשך שנים רבות.