Sunday.css הוא ספריית האנימציה החמה ביותר עכשיו
עכשיו אתה כבר צריך להיות מוכר Animate.css כפי ש ספריית האנימציה העיקרית בקרב מעצבי אתרים.
אבל יש שם ילד חדש בבלוק יום שלישי, וזה לוקח אנימציה באינטרנט בכוח.
ספריה חדשה זו אינה שונה בהרבה בתבנית או ביישום. אבל יום שלישי מגיע עם קומץ של חדש אנימציות CSS שאתה לא יכול למצוא בשום מקום אחר.
השפעות חדשות אלה הן הרבה יותר מתוחכם בטבע אז הם באמת לשלב לתוך דף יפה. הנה רשימה קטנה של ההשפעות אתה יכול לבחור מתוך:
- דהייה והרחבה
- דהייה והתכווצות
- חותמת למטה & להקפיץ
- נדנדה זוויתית
- צניחה משמאל / ימין
- סקווש / מתיחה
- ציר
אם אתה עובר רשימה זו בדף ההדגמה תוכל להבחין כי כל ההשפעות יש דבר אחד במשותף: פיזיקה.
כולם מרגישים מאוד מציאותי על יסודות הפיסיקה, והם נראים לציית לחוקי הכבידה. אף אחד מההנפשות הללו אינו מעל-למעלה או זר. הם עדין אך מורגש וחשוב יותר, הם אמין.
אני חושב יום שלישי הוא אחד הטובים ביותר המודרנית CSS ספריות הנפשה כי זה מציג תצוגה מציאותית של אינטרנט אנימציה.
אנחנו לא צריכים להיות עיצוב אפקטים ממשק מטורף הבולטים כמו אגודל כואבת. משנה הוא תמיד שם המשחק כי זה יוצר תחושה של אינטראקטיביות מכל קלט משתמש אם זה קליק או גלילה.
הצרה תמיד היה כותב את אלה אנימציות מאפס מקבל אותם להיראות בדיוק. אבל עכשיו עם יום שלישי הדאגות שלך יכול לעוף ממש מחוץ לדלת.
רק הורד עותק מ - GitHub ו תוסיף את ה .css קובץ לדף שלך. אתה יכול למעשה להשתמש בגרסת CDN ישר GitHub אם אתה לא רוצה להוריד שום דבר מקומי.
ברגע זה מתווסף לדף האינטרנט שלך, פשוט צירוף .הנפשת יחד עם כל המעמדות הקנייניים המפורטים ריפו GitHub. הקוד שלך עשוי להיראות כך:
זה יום שלישי.
תסתכל על תיעוד מלא לראות רשימה של כל שיעורי האנימציה ב- / out.
אם אתה עובד עם JavaScript אתה יכול גם הוסף את השיעורים האלה באופן דינמי על אירועי קליק / רחף. בדרך זו תוכל להוסיף את מחלקת ההנפשה רק כאשר משתמש לוחץ על לחצן, שיופיע כנפיחה בלחיצה.
יש כל כך הרבה דברים שאתה יכול לעשות עם יום שלישי, וזה באמת חדש אנימט.css עבור אנימציות ממשק משתמש פרגמטי.
תסתכל על דף הדגמה לראות את זה חי בפעולה, ואתה יכול ללמוד יותר על ידי קריאה דרך שלהם “ביצירה” הודעה אשר מדבר על איך צוות שאקר יצר יום שלישי.
