הנפשות 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):

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

קישורים חיצוניים

הערות שוליים

  1. ^ CSS at-rule: @keyframes, caniuse.com (באנגלית)
  2. ^ Kim, Arnold (2009-02-06), CSS Animation Coming to Safari, Already in iPhone. Less Dependence on Flash?, MacRumors.com
  3. ^ Palmer, Robert (2009-02-06), CSS Animation to replace need for Flash in MobileSafari? Not likely, The Unofficial Apple Weblog
  4. ^ Ferrari, Vincent (2009-02-09), CSS Animations: A Flash Substitute?, Apple Thoughts
  5. ^ Snook, Jonathan (2007-10-31), CSS Animations in Safari, Snook.ca

Read other articles:

Peter Khoy Saukam

Dalam artikel ini, nama keluarganya adalah Saukam. JenderalPeter Khoy Saukamសូកាំ ខូយ Presiden Republik KhmerMasa jabatan1 April 1975 – 12 April 1975 PendahuluLon NolPenggantiSak Sutsakhansebagai Ketua Komite TertinggiPresiden SenatMasa jabatan1972–1975 PendahuluJabatan didirikanPenggantiChea Sim (1999) Informasi pribadiLahirSaukam Khoy(1915-02-02)2 Februari 1915Kamboja, Indochina PrancisMeninggal14 November 2008(2008-11-14) (umur 93)Stockton, California, Ame...

 

Soekarni

SoekarniSukarni, 1960LahirSoekarni Kartodiwirjo(1916-07-14)14 Juli 1916 Blitar, Jawa Timur, Hindia BelandaMeninggal7 Mei 1971(1971-05-07) (umur 54) Jakarta, IndonesiaMakamTaman Makam Pahlawan Kalibata7°48′9.88″S 110°23′2.11″E / 7.8027444°S 110.3839194°E / -7.8027444; 110.3839194Koordinat: 7°48′9.88″S 110°23′2.11″E / 7.8027444°S 110.3839194°E / -7.8027444; 110.3839194KebangsaanIndonesiaPekerjaanAktivis kemerdekaan, p...

 

Phobos And Deimos & Mars Environment

NASA Mars orbiter mission concept Phobos And Deimos & Mars EnvironmentMission typeReconnaissance of Mars' moonsOperatorNASA Spacecraft propertiesBusModular Common Spacecraft Bus (MCSB)ManufacturerNASA Ames Research Center Mars' moons: Phobos and Deimos orbiter   Phobos And Deimos & Mars Environment (PADME) is a low-cost NASA Mars orbiter mission concept that would address longstanding unknowns about Mars' two moons Phobos and Deimos and their environment.[1][2] ...

Soma Edirisinghe

Sri Lankan businesswoman Soma EdirisingheBorn(1939-07-05)5 July 1939Meegoda, Sri LankaDied5 November 2015(2015-11-05) (aged 76)Colombo, Sri LankaNationalitySri LankanKnown forChairperson of EAP Holdings[1]TitleDeshabandu, Deshashakthi , LionSpouseE.A.P EdirisingheWebsitejanasarana.org Soma Edirisinghe (Sinhala: සෝමා එදිරිසිංහ; 5 July 1939 – 5 November 2015) was a Sri Lankan corporate executive, film producer, philanthropist and social worker....

 

Potentiality and actuality

Principles in the philosophy of Aristotle Actuality redirects here. For the film genre, see Actuality film. Dunamis redirects here. For other uses, see Dunamis (disambiguation). Energeia redirects here. For other uses, see Energia (disambiguation) and Energy (disambiguation). In philosophy, potentiality and actuality[1] are a pair of closely connected principles which Aristotle used to analyze motion, causality, ethics, and physiology in his Physics, Metaphysics, Nicomachean Ethics, a...

 

Hagar Yanai

Israeli novelist Hagar Yanaiהגר ינאיHagar YanaiBorn1972 (age 51–52)Kibbutz, BarkaiNationalityIsraeliOccupationNovelistKnown forPrime Minister's Award Winner, Geffen Award, Devorah Omer Award Hagar Yanai (Hebrew: הגר ינאי; born 1972) is an Israeli author. She is the recipient of the 2008 Prime Minister's Award for Israeli Authors,[1] and of the Devora Omer Award for Work of Literature for Middle Grade and Young Adults.[2] She is also a three-time r...

France Télévisions

France Télévisions S.A.JenisSociété anonymeDidirikan2000KantorpusatFrance Télévisions SA7, esplanade Henri de France 75015 ParisTokohkunciPatrick de Carolis: Chief Executive OfficerPatrice Duhamel : Wakil Presiden dan Direktur Jenderal Penyiaran.Pendapatan2,727 juta EURPemilikPemerintah PrancisKaryawan11,400Situs webwww.france.tv France Télévisions merupakan penyiar televisi nasional umum Prancis. Didanai oleh lisensi televisi dan periklanan. Sejarah Sejak tahun 1964 sampai 1974,...

 

Flashman and the Dragon

1985 novel by George MacDonald Fraser Flashman and the Dragon First editionAuthorGeorge MacDonald FraserCover artistArthur BarbosaCountryUnited KingdomLanguageEnglishGenreHistorical novelPublisherCollinsPublication date1985Media typePrint (Hardback & Paperback)Pages352ISBN0-00-271245-8OCLC12520104Preceded byFlashman and the Redskins Followed byFlashman and the Mountain of Light  Flashman and the Dragon is a 1985 novel by George MacDonald Fraser. It is the eig...

 

Henrikh Mkhitaryan

Henrikh Mkhitaryan Mkhitaryan bersama Manchester United pada 2017Informasi pribadiNama lengkap Henrikh Mkhitaryan[1]Tanggal lahir 21 Januari 1989 (umur 35)[2]Tempat lahir Yerevan, ArmeniaTinggi 177 cm (5 ft 10 in)[3]Posisi bermain Gelandang serang, gelandang sayapInformasi klubKlub saat ini Inter MilanKarier junior1995–2006 Pyunik YerevanKarier senior*Tahun Tim Tampil (Gol)2006–2009 Pyunik 70 (30)2009–2010 Metalurh Donetsk 37 (12)2010–2013 ...

Несторианство

ХристианствоБиблия Ветхий Завет Новый Завет Евангелие Десять заповедей Нагорная проповедь Апокрифы Бог, Троица Бог Отец Иисус Христос Святой Дух История христианства Апостолы Хронология христианства Раннее христианство Гностическое христианство Вселенские соборы Н...

 

Reyong

Reong dalam Gamelan BaliReyong adalah instrumen musik berupa kumpulan dua belas gong kecil yang dimainkan dalam gamelan bali. Reyong terbuat dari campuran timah murni dan tembaga atau bahan besi atau pelat dan berwarna keemasan tergantung bahan yang digunakan. Tinggi rendahnya nada yang dihasilkan sebuah pencon reyong ditentukan oleh ukuran dan tonjolan reyong. Semakin besar ukurannya, semakin rendah nada yang dihasilkan, dan semakin cembung tonjolannya nada yang dihasilkan semakin tinggi. Re...

 

First Lady of Israel

Unofficial title of wife of the President of Israel First Lady of IsraelIncumbentMichal Herzogsince 7 July 2021ResidenceBeit HaNassiAppointerKnessetInaugural holderVera WeizmannFormation17 February 1949 First Lady of Israel is the unofficial title of the wife of the president of Israel. The current first lady of Israel is Michal Herzog, wife of President Isaac Herzog. History There is no official role or office of the first lady of Israel,[1] although President Reuven Rivlin best...

费迪南德·马科斯

费迪南德·马科斯Ferdinand Marcos 菲律賓第10任總統任期1965年12月30日—1986年2月25日副总统費爾南多·洛佩斯（1965－1972）阿圖羅·托倫蒂諾前任奧斯達多·馬卡帕加爾继任柯拉蓉·阿基诺 菲律賓第4任總理任期1978年6月12日—1981年6月30日前任佩德羅·帕特諾（1899年）继任塞薩爾·維拉塔 个人资料出生1917年9月11日 美屬菲律賓北伊羅戈省薩拉特（英语：Sarrat）逝世1989年9月28日(...

 

迪奥斯达多·马卡帕加尔

迪奥斯达多·马卡帕加尔Diosdado Pangan Macapagal第9任菲律賓總統任期1961年12月30日—1965年12月30日前任卡洛斯·P·加西亚继任费迪南德·马科斯第6任菲律賓副總統任期1957年12月30日—1961年12月30日前任卡洛斯·P·加西亚继任伊曼纽尔·佩莱斯 个人资料出生(1910-09-28)1910年9月28日 美屬菲律賓馬尼拉逝世1997年4月21日(1997歲—04—21)（86歲） 菲律賓馬卡迪墓地 菲律賓馬卡迪達義市英...

 

Begoña Vargas

Spanish actress, dancer and model Begoña VargasAt the 14th Gaudí Awards in 2022Born (1999-12-18) 18 December 1999 (age 24)Madrid, SpainOccupation(s)Actress, dancer Begoña Vargas (born 18 December 1999) is a Spanish actress and dancer. Biography Begoña Vargas was born in Madrid on 18 December 1999.[1][2] At age 10, she started studies at a dance school in Loeches, after which she also began to train her acting chops.[3] While Vargas made her television debut by...

Філософія

Частина серії проФілософіяLeft to right: Plato, Kant, Nietzsche, Buddha, Confucius, AverroesПлатонКантНіцшеБуддаКонфуційАверроес Філософи Епістемологи Естетики Етики Логіки Метафізики Соціально-політичні філософи Традиції Аналітична Арістотелівська Африканська Близькосхідна іранська Буддій�...

 

South Africa women's national rugby union team

For the men's team, see South Africa national rugby union team. For the women's sevens team, see South Africa women's national rugby sevens team. South AfricaEmblemSpringbokUnionSouth African Rugby UnionHead coachLouis Koen (interim)CaptainNolusindiso BooiMost capsNolusindiso Booi First colours Second colours World Rugby rankingCurrent12 (as of 4 September 2023)Highest10 (2011)First international South Africa 5–8 Wales  (Port Elizabeth, South Africa; 29 May 2004)Biggest win ...

 

Felix Brunner

British politician and business owner Felix Brunner Sir Felix John Morgan Brunner, 3rd Baronet (13 October 1897 – 2 November 1982) was a British Liberal Party politician and business owner. He was the maternal uncle of Katharine, Duchess of Kent.[1] Biography The son of Sir John Brunner, 2nd Baronet, he studied at Cheltenham College and Trinity College, Oxford. During World War I, he served as a lieutenant in the Royal Field Artillery.[2] In 1926, Brunner married Elizabeth I...

Mak Erot

Mak Erot [1] (lahir di Cigadog, Caringin, Cisolok, Sukabumi, Jawa Barat, 1878 — meninggal di Cigadog, Caringin, Cisolok, Sukabumi, Jawa Barat, 5 Juli 2008) terkenal dengan praktik pijatnya yang diklaim bisa membesarkan alat vital kaum laki-laki. Dengan kepiawaiannya itu, nama Mak Erot menjadi terkenal di seantero Indonesia sebagai spesialis pembesar alat vital, Mak Erot , konon lebih dari 130 tahun lalu Keberadaan Mak Erot menjadi inspirasi bagi pihak lain, sehingga terciptalah bebe...

 

諸宸

諸宸國籍 中华人民共和国（1976年－2012年） 卡塔尔（2012年至今）出生 (1976-03-13) 1976年3月13日（48歲） 中国浙江省温州市頭銜特级大师（2001年）女子世界冠軍2001年－2004年國際棋聯等级分2419 （2024年7月）最高等級分2548（2008年1月） 諸宸（1976年3月13日—），出生于中国浙江省温州市，祖籍浙江省兰溪市，原籍中国，现籍卡塔尔的国际象棋棋手，2001年25岁时在2001－20...