הנפשות CSSהנפשות CSS (באנגלית: CSS animation) הוא מודול בגיליונות סגנון מדורגים (CSS), המאפשר הנפשות של אלמנטי HTML, באמצעות שינוי של תכונות עיצוב (property) שלהם, על ידי שימוש בkeyframes@ שמגדיר את השינויים המתבצעים, והוספת התכונה animation שמגדיר את אורך השינוי ותכונות נוספות לאלמנט המונפש. על אף היות המודול במעמד טיוטה, הוא נתמך כמעט בכל הדפדפנים המודרניים[1]. היסטוריהעל אף השימוש ארוך השנים בפסאודו-מחלקה :hover" כדי ליצור הנפשות בסיסיות, הרחבות של טכנולוגיית CSS לתחום ההנפשות הייתה מזערית עד תום העשור הראשון של שנות ה-2000. בשנת 2007 הכריזו מפתחי מנוע WebKit על כוונתם לכלול במנוע ה-CSS שלהם הנפשות, מעברים חלקים (transitions) וטרנספורמציות (transforms), ובפברואר 2009 הודיעו על מימוש בפועל של תכונות אלו. עם הזמן הפכו הנפשות CSS לתכונה רשמית של CSS3, הטיוטה הרשמית המפותחת על ידי ארגון World Wide Web Consortium. תמיכה על ידי דפדפניםנכון לדצמבר 2015, כל הדפדפנים הנפוצים, וביניהם: פיירפוקס, גוגל כרום, אינטרנט אקספלורר, מיקרוסופט אדג', כמו גם כל דפדפני המובייל (דפדפנים לסמארטפונים וטאבלטים, בעיקר) פרט לאופרה, כוללים תמיכה מלאה בהנפשות CSS. יתרונות על פני הנפשות מבוססות JavaScriptכבר בשלבים הראשונים של פיתוח הנפשות CSS היו גורמים שהביעו ספק לגבי נחיצותן והסבירות שיחליפו הנפשות מבוססות אדובי פלאש או JavaScript[2][3][4][5]. אך למרות כל אלו, להנפשות CSS מספר יתרונות משמעותיים על ההנפשות המבוססות JavaScript, שהיו נפוצות מאוד בעבר (רבות בזכות תשתיות JavaScript כדוגמת jQuery):
קישורים חיצוניים
הערות שוליים
|
