مواد ڏانھن هلو

سي ايس ايس اينيميشن

کليل ڄاڻ چيڪلي، وڪيپيڊيا مان
سي ايس ايس اينيميشن
ڪيسڪيڊنگ اسٽائل شيٽن جي اينيميشن
Interactive SVG جيڪو hover اثر استعمال ڪري ٿو
مخففCSS-ANIMATIONS-1
مقامي نالو
CSS Animations
حيثيتW3C Working Draft
پهريون دفعو شايع ٿيو20 مارچ 2009 (2009-03-20)[1]
جديد نسخوLevel 1
مارچ 2, 2023 (2023-03-02)[2]
پيش منظر نسخوLevel 2
مارچ 2, 2023 (2023-03-02)[3]
تنظيمورلڊ وائيڊ ويب ڪنسورشم
ڪميٽيسي ايس ايس ورڪنگ گروپ
ايڊيٽر
  • ڊين جيڪسن
  • ايل. ڊيوڊ بئرون
  • ٽيب ايٽڪنس جونيئر
  • برائن برٽلز
  • ڊيوڊ ھيئٽ
  • ڪرس مئرن
  • سائلوئين گلينيئو
[2]
بنيادي معيارسي ايس ايس
دائروCSS
ويب سائيٽwww.w3.org/TR/css-animations-1/


ڪيسڪيڊنگ اسٽائل شيٽون (CSS)
خيالئ
فلاسافي
اوزار
ڀيٽون

سي ايس ايس اينيميشنز ( CSS animations) ڪيسڪيڊنگ اسٽائل شيٽون (CSS) جو هڪ ماڊيول آهي جيڪو CSS استعمال ڪندي ايڇ ٽي ايم ايل دستاويزن جي عنصرن کي متحرڪ ڪرڻ جي اجازت ڏئي ٿو.

تاريخ

[سنواريو]

جيتوڻيڪ پسيڊو-ڪلاس :hover ڪيترن سالن کان سادي قسم جي متحرڪ اثرن (animations) ٺاهڻ لاءِ استعمال ٿيندو رهيو آهي، پر CSS کي مڪمل متحرڪ نظام جي طور تي وڌائڻ جو ڪم 2000ع واري ڏهاڪي جي آخري حصي تائين محدود رهيو. 2007ع ۾ ئي ويب ڪِٽ اعلان ڪيو ته هو CSS متحرڪ اثرن، ٽرانزيشنز ۽ ٽرانسفارمز کي WebKit جي خاصيتن طور شامل ڪرڻ جو ارادو رکي ٿو. فيبروري 2009ع ۾ هن CSS ذريعي implicit ۽ explicit متحرڪ اثرن جي عملدرآمد جو اعلان پڻ ڪيو. CSS animation کي پڻ CSS3 جي هڪ خاصيت طور پيش ڪيو ويو، جيڪا ورلڊ وائڊ ويب ڪنسرشيم (W3C) جي نگراني هيٺ تيار ٿيندڙ مسوداتي وضاحتن جو حصو آهي.

موجوده حالت

[سنواريو]

CSS Animations، Cascading Style Sheets جو هڪ ماڊيول آهي. اهو استعمال ڪندڙن کي اجازت ڏئي ٿو ته جڏهن هو ڪنهن عنصر تي hover ڪن ته متحرڪ اثر ظاهر ٿئي. هن وقت اهو وڏن برائوزرن ۾ اختيار ڪيو ويو آهي. جيتوڻيڪ ڪجهه ماڻهو JavaScript ذريعي animation کي ترجيح ڏين ٿا ۽ ان بابت بحث به ٿيندو رهيو آهي، پر hover ٽئگ هاڻي CSS ڪميونٽي ۾ وڏي پيماني تي استعمال ٿيندو آهي.

اسڪيليبل ویڪٽر گرافڪس

[سنواريو]
متحرڪ ايس وي جي]] جيڪو CSS 3 استعمال ڪري ٿو


ھوور (hover) کان علاوه، اسڪيليبل ویکٽر گرافڪس پڻ @keyframes at-rule کي سهڪار ڏئي ٿو، جنهن سان ڪجهه تبديليءَ واريون حرڪتون متحرڪ ڪري سگهجن ٿيون. Firefox ۽ Chrome اڳ ۾ @-moz-keyframes ۽ @-webkit-keyframes واڌايون استعمال ڪندا هئا، پوءِ @keyframes کي CSS3 جي وضاحت ۾ شامل ڪيو ويو.[2]

برائوزر سهڪار

[سنواريو]

جون 2011ع تائين فائرفوڪس 5 ۾ سي ايس ايس اينيميشنز جو سهڪار شامل ٿي چڪو هو.[4] سي ايس ايس اينيميشنز ويب ڪٽ جي نائيٽلي بلڊز nightly builds ۾ پڻ موجود هئي ۽ گڏوگڏ گوگل ڪروم، سفاري 4 ۽ 5، ۽ آئي او ايس لاءِ سفاري (آئي فون، آئي پاڊ ٽچ، آئي پيڊ)، اينڊرائيڊ نسخا 2.x ۽ 3.x، انٽرنيٽ ايڪسپلورر 10 يا ان کان مٿي، مائڪروسافٽ ايج برائوزر، ۽ بليڪ بيري آپريٽنگ سسٽم 6 جي ويب برائوزر ۾ پڻ موجود هئي، جتي -webkit- پريفڪس استعمال ڪيو ويندو هو.[5][6][7] اهو آئي ٽيونز 9 ۾ پڻ استعمال ٿيو هو ته جيئن iTunes LP فائلن کي سهڪار مهيا ڪري سگهجي.

تڪرار

[سنواريو]

سي ايس ايس اينيميشن جي شروعاتي ترقي دوران انهن ماڻهن طرفان خدشا ظاهر ڪيا ويا جيڪي اينيميشن (تحرڪ) لاءِ جاوا اسڪرپٽ کي ترجيح ڏين ٿا[8] يا گهٽ استعمال ٿيندڙ حد تائين هم وقتي گهڻ ميڊيا انضمام ٻولي (SMIL) کي. ٻين اهو به دعويٰ ڪئي ته هي قدم ايپل، جيڪا WebKit منصوبي جي مکيه حمايتي آهي، طرفان کنيو ويو ته جيئن ڪمپني جي آئي او ايس موبائل ڊوائيسن تي ايڊوب فليش (۽ موجوده فليش اينيميشن) جي استعمال کان پاسو ڪري سگهجي، ڇو⁠تہ اهي ڊوائيس سفاري استعمال ڪن ٿا.[9][10][11]

ان کان علاوه، جيتوڻيڪ ڪيسڪيڊنگ اسٽائل شيٽون (CSS) نسبتاً آسان پروگرامنگ ٻولي آهي، ڪيترن پروگرامرن لاءِ اينيميشن ٺاهڻ اڃا به مشڪل ثابت ٿئي ٿو. هن مسئلي جي حل لاءِ ڪيترن ماڻهن ۽ ويب سائيٽن کليل ذريعو CSS بٽڻ اينيميشن ڪوڊ سان گڏ تيار ڪيا آهن[12] ته جيئن استعمال ڪندڙ انهن کي نقل ڪري استعمال ڪري سگهن. تنهن هوندي به، انهن تڪرارن جي باوجود، سي ايس ايس اينيميشنز اڄڪلهه انٽرنيٽ تي وڏي پيماني تي استعمال ٿينديون آهن.

پڻ ڏسو

[سنواريو]

حوالا

[سنواريو]
  1. ↑ "CSS Animations Level 1 Publication History - W3C". W3C. n.d. 2021-04-09 تي حاصل ڪيل.
  2. 1 2 3 Jackson, Dean; Baron, L. David; Atkins Jr., Tab; Birtles, Brian; Hyatt, David; Marrin, Chris; Galineau, Sylvain, مرتب (2023-03-02). "CSS Animations Level 1". W3C. CSS Working Group. 2023-03-26 تي حاصل ڪيل.
  3. ↑ Baron, L. David; Birtles, Brian, مرتب (2023-03-02). "CSS Animations Level 2". CSS Working Group Editor Drafts. 2023-03-26 تي حاصل ڪيل.
  4. ↑ Mozilla Firefox Release Notes, The Mozilla Foundation, 2011-06-21, اصل نسخي مان 2011-08-11 تي محفوظ ڪيل, 2021-04-09 تي حاصل ڪيل{{citation}}: CS1 maint: bot: original URL status unknown (ڳنڍڻو)
  5. ↑ Hyatt, Dave (2007-10-31), "CSS Animation | WebKit", WebKit, Surfin’ Safari, 2021-04-09 تي حاصل ڪيل
  6. ↑ Jackson, Dean (2009-02-05), "CSS Animation | WebKit", WebKit, Surfin’ Safari, 2021-04-09 تي حاصل ڪيل
  7. ↑ "@keyframes rule (Internet Explorer)", Microsoft Docs, Microsoft, 2018-11-25, اصل نسخو مان 2018-11-26 تي محفوظ ڪيل, 2021-04-09 تي حاصل ڪيل
  8. ↑ Snook, Jonathan (2007-10-31), CSS Animations in Safari, Snook.ca, محفوظ ڪيل مان اصل نسخي کان 2021-01-27 تي محفوظ ڪيل, 2021-04-09 تي حاصل ڪيل
  9. ↑ Kim, Arnold (2009-02-06), CSS Animation Coming to Safari, Already in iPhone. Less Dependence on Flash?, MacRumors.com, 2021-04-09 تي حاصل ڪيل
  10. ↑ Palmer, Robert (2009-02-06), CSS Animation to replace need for Flash in MobileSafari? Not likely, The Unofficial Apple Weblog, اصل نسخو مان 2009-02-09 تي محفوظ ڪيل, 2021-04-09 تي حاصل ڪيل
  11. ↑ Ferrari, Vincent (2009-02-09), CSS Animations: A Flash Substitute?, Apple Thoughts, 2021-04-09 تي حاصل ڪيل
  12. ↑ ButtonAnimations (2019-12-11). "Button Animations CSS (w/ code)". ButtonAnimations. 2021-04-09 تي حاصل ڪيل.

ٻاهريان ڳنڍڻا

[سنواريو]

سانچو:Animation سانچو:W3C standards زمث:Cascading Style Sheets

سانچو:Comm-design-stub

"https://sd.wikipedia.org/w/index.php?title=سي_ايس_ايس_اينيميشن&oldid=364501" تان ورتل