CSS steps() فنکشن

تعریف اور استعمال

CSS کا steps() یہ فنکشن آنکھی کی فرق کی وقت کی تفاوت کا حوالہ دیا گیا ہے.

یہ فنکشن آنکھی مدت کا وقف کریا جاتا ہے، جس کی تعداد معین کی گئی ہے (n). مثلاً اگر n 4 ہے تو آنکھی کا وقف 4 حصوں میں تقسیم کیا جاتا ہے. یہ مدت 0% سے 100% تک تقسیم کیا جاتا ہے؛ 0%-25%، 25%-50%， 50%-75% اور 75%-100%.

مثال

فرق کی قدموں کی وقت کی تفاوت کا حوالہ دیا گیا ہے:

div.a {
  animation: mymove 5s steps(4, end);
}
div.b {
  animation: mymove 5s steps(6, jump-start);
}
div.c {
  animation: mymove 5s steps(4, jump-none);
}
div.d {
  animation: mymove 5s steps(4, jump-both);
}

مختصر تجربہ کریں

CSS گرامر

steps(n, step-position)

تکنیکی تفصیلات

براوزر کی حمایت

تبصرہ میں شمار میں اس کا پورا تعاون کرنے والا پہلا براوزر کی نسخہ کا حوالہ دیا گیا ہے。

صفحات مرتبط

منبع:سی ایس ایل آنیمیشن خاصیت

منبع:سی ایس ایل آنیمیشن تائمنگ فنکشن خاصیت