סטיילי - חינם CSS אינטרנט אנימציה בונה

אם אתה נאבק עם תחביר CSS3 ורוצה דרך פשוטה ליצור אנימציות סטיילי הוא כלי נהדר לשמור.

זה אחד בחינם רבים מחוללי קוד עם דגש על טהור CSS אנימציה אפקטים. Stylie הוא לגמרי בחינם פתוח מקורות, מתארח על GitHub ומופעל על ידי הספרייה keyframe בשם Rekapi.

ספריית רקאפי עושה שימוש, אז זה חלופה CSS טהור. ו תודה, App האינטרנט סטיילי תומך בשתי השיטות, כך שאתה יכול קוד ייצוא או CSS טהור או JavaScript.

כברירת מחדל, הדף הראשון טוען הדגמה רציפה של הנפשה עם הנפשה ליניארית. אתה יכול לשחק עם זה על ידי עריכת הגדרות ברירת מחדל בתוך ה Motion הכרטיסייה או על ידי עריכת הכרטיסייה Keyframes.

ברשימה keyframes, אתה יכול הוסף keyframes חדשים, לערוך את משך הזמן הכולל שלהם, ו לשנות את סגנונות האנימציה, כולל תנועות המבוססות על ציר X / Y.

ראשית, זה ייראה מאוד מבלבל, במיוחד אם מעולם לא עשית keyframe אנימציה לפני. עם זאת, ככל שאתה משחק עם יישום זה יותר הגיוני.

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

ה תנועה גרף הוא הרבה יותר קשה ללמוד אבל זה נותן לך שליטה רבה יותר על האנימציה שלך הקלה. סטיילי אפילו מאפשר לך לשמור אפקטים תנועה מותאמת אישית ו לעשות שימוש חוזר בכרטיסייה Keyframes עבור הנפשות אחרות.

אם אני יכול להתלונן על דבר אחד זה יישום האינטרנט של חוסר עיצוב תגובה.

אני לא יכול לקבל את כל היישום כדי להתאים את 13 "MacBook Pro המסך אפילו עם הדפדפן מוגדל במלואו.זה יכול להיות בעיה מאז הדף אין גלילה אנכית ורבים מהאפשרויות (כמו קוד מיוצא) נמצאו תחתון בחלונית ההגדרות.

אבל מלבד זה מטרד קל, יש לי את זה עובד בסדר גמור על הצג גדול שלי. וה איכות הייצוא הוא כמו שום דבר אחר שתמצא באינטרנט.

קח להציץ App Stylie לראות איך זה עובד ולנסות להתעסק עם כמה אפשרויות. ברגע שאתה עושה את האנימציה, אתה יכול לייצא את CSS או את JavaScript ולהשתמש בו עבור כל פרוייקט שאתה אוהב.

אם אתה מתקשה ללמוד את הממשק אתה יכול גם לצפות זה קצר הדרכה פורש על 9 דקות ארוכות מכסה את כל התכונות העיקריות.