— גליון 01 —
חינם · בלי הרשמה
הַכֵּלִים אוסף · כלי עזר · אונליין
דברים שעוזרים בעבודה היומיומית
תכנות

גנרטור אנימציות CSS

בחר פרסט, כוון מהירות ותזמון — קבל CSS @keyframes מוכן להדבקה.

כלי №
104
רץ בדפדפן
ללא שרת

מה עושה גנרטור אנימציות CSS?

גנרטור אנימציות CSS בונה אנימציות @keyframes עם תצוגה חיה: בחר פרסט (fade, slide, bounce ועוד), כוון פרמטרים וקבל קוד CSS מוכן להדבקה.

איך משתמשים ב גנרטור אנימציות CSS?

  1. בחר פרסט אנימציה מהרשימה.
  2. כוון משך, עיכוב, מספר חזרות, תזמון וכיוון.
  3. לחץ נגן לתצוגה מקדימה והעתק את קוד ה-CSS.

יתרונות בולטים

  • 6 פרסטים: fade, slide-up, slide-down, bounce, spin, pulse, shake
  • שליטה על משך, עיכוב, חזרות, תזמון וכיוון
  • תצוגה חיה עם קוד CSS מוכן להדבקה

שאלות נפוצות

האם אוכל להשתמש בקוד בכל דפדפן?

CSS animations נתמכות בכל הדפדפנים המודרניים. אין צורך ב-prefix.

איך משנים אנימציה על אלמנט ספציפי?

העתק את קוד ה-@keyframes והחל את animation property על האלמנט הרצוי ב-CSS שלך.

האם הכלי חינמי?

כן, הכלי חינמי לחלוטין ואינו דורש הרשמה.

האם הנתונים שלי נשמרים?

לא. כל החישובים מתבצעים בדפדפן שלך בלבד — שום מידע לא נשלח לשרת.

נגישות
הקטן טקסט