Style transition نمائش کار

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

transition نمائش کار، چار تبدیلی اثر نمائش کار کا قاعدہ نمائش کار ہے:

نوٹ:پائیدار طور پر اس کا مدت کا قاعدہ مقرر کریئے transitionDuration نمائش کار، جبکہ دوسرے کار کا مدت 0 کیا جاتا ہے تو تبدیلی اثر نا مؤثر رہتا ہے.

مزید دیکھئے:

CSS مرجع دستور زبان:transition نمائش

مثال

div عنصر پر موس کا نشان داری کریئے تاکہ اس کی نمائش کو آروم تیزی سے تبدیل کریئے:

document.getElementById("myDIV").style.transition = "all 2s";

خود کا تجربہ کریئے

قواعد

transition نمائش کار کو بازگشتی کرنا:

object.style.transition

transition نمائش کار کو سے قائم کرنا:

object.style.transition = "property duration timing-function delay|initial|inherit"

نمائش کار

مقادیر وصف
transitionProperty تعریف، کس CSS نمائش کا تبدیلی اثر شروع ہوگا.
transitionDuration تعریف، کس مدت میں اس کا تبدیلی اثر پورا ہوگا.
transitionTimingFunction تعریف، کس رفتار سے اس کا تبدیلی اثر شروع ہوگا.
transitionDelay تعریف، کس وقت سے اس کا تبدیلی اثر شروع ہوگا.
initial اس نمائش کو اس کی پیش دفعاتی کار میں رکھیا جاتا ہے. دیکھئے initial.
inherit اس کی اپنے والد عنصر سے اس کا نمائش حاصل کرلیا جاتا ہے. دیکھئے inherit.

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

پیش دفعاتی کار: all 0 ease 0
بازگشتی کار: کلمات، جو عناصر کا transition نمائش.
CSS نسخہ: CSS3

بروسر کی مدد

جداول میں دکھائی دیئے گئے اعداد، اس کی اپنے اپنے بروسر کی نسخے کو کتنا پورا کیا اور اس کا پیمان نکالتا ہوا ہے.

کروم ایج فائرفاکس سافری آپرا
کروم ایج فائرفاکس سافری آپرا
26.0 10.0 16.0 6.1 12.1