سی ایس ایس آنیمیشن کی کوالٹی
- پچھلی صفحہ تمام
- بعدی صفحہ animation-delay
تعریف و استفاده
animation
ویژگی یک ویژگی کوتاه است که برای تنظیم شش ویژگی انیمیشن استفاده میشود:
- آنیماشن-نیم
- آنیماشن-ڈوریشن
- آنیماشن-ٹائمنگ-فنکشن
- animation-delay
- آنیماشن-ایتریشن-کاؤنٹ
- آنیماشن-ڈائریکشن
توضیحات:همیشه تعیین کنید: آنیماشن-ڈوریشن اگر طولانی نباشد، بازیابی نمیشود.
لطفاً مراجعه کنید:
CSS3 درس:CSS انیمیشن
HTML DOM مرجع کتاب:آنیماشن اپنائیں
مثال
مختصر کچھ جرمی، دی وی عناصر سے آنیماشن باندھائیں:
دی وی { آنیماشن:mymove 5s infinite; }
سی ایس ایس جرمی
آنیماشن: نیم ڈوریشن ٹائمنگ-فنکشن ڈیلی ایتریشن-کاؤنٹ ڈائریکشن;
مقدار | وصف |
---|---|
آنیماشن-نیم | آنیماشن کو باندھنا والی انتخاب کی نام کی تعین کرتا ہے۔ |
آنیماشن-ڈوریشن | آنیماشن مکمل ہونے کی مدت کی تعین کرتا ہے، یہ ثانیوں یا میلیمتر میں ہو سکتا ہے۔ |
آنیماشن-ٹائمنگ-فنکشن | آنیماشن کی رفتار کی تعین کرتا ہے۔ |
animation-delay | آنیماشن شروع ہونے سے پہلے کی تاخیر کی تعین کرتا ہے۔ |
آنیماشن-ایتریشن-کاؤنٹ | آنیماشن کو کتنا بار پلائی کرنا چاہئے کی تعین کرتا ہے۔ |
آنیماشن-ڈائریکشن | آنیماشن کو کسی بھی جانب بچھانے کی تعین کرتا ہے۔ |
آنیماشن-فائل-موڈ | آنیماشن کی عمل کی مدت کے باہر اپنائی جانے والی کی مدت کی تعین کرتا ہے۔ |
آنیماشن-پلے-اسٹیٹ | آنیماشن کا چلنا یا رکنا کی تعین کرتا ہے۔ |
تکنیکی تفصیلات
مقصد: | none 0 ease 0 1 normal |
---|---|
وارسستگی: | نہیں |
ورژن: | سی ایس ایس3 |
جاوا اسکریپٹ جرمی | آپریکٹ.style.animation="mymove 5s infinite" |
بrowsر پروری
جداول میں دیکھی گئی عدد اس پروری کا پچھلے ورژن کا پتا دیتا ہے جس میں اس کی پروری ہوئی ہے۔
عدد -webkit-، -moz- یا -o- کا استعمال پچھلے ورژن کا پریفکس استعمال کرنا ہوتا ہے۔
چروم | آئی ای / ایج | فایرفاکس | سافاری | اوپرا |
---|---|---|---|---|
چروم | ایج | فایرفاکس | سافاری | اوپرا |
43.0 4.0 -webkit- |
10.0 | 16.0 5.0 -moz- |
9.0 4.0 -webkit- |
30.0 15.0 -webkit- 12.0 -o- |
- پچھلی صفحہ تمام
- بعدی صفحہ animation-delay