Style transitionProperty کوالٹی

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

transitionProperty کوالٹی کا مقصد، جس پر تبدیلی کا اثر کیا جائے گا، کوالٹی کا نام مقرر کریجئے (تبدیلی کوالٹی کے نام پر تبدیلی کا اثر شروع ہوگا)۔

نکاتی:عام طور پر، جب کاربر ایک عنصر پر موس کا آمدن کرتا ہے تو تبدیلی کا اثر دیکھا جاتا ہے۔

نوٹ:مستحکم طور پر مقرر کریجئے transitionDuration کوالٹی، درغیر این، مدت 0 سے لگتی رہتی ہے، تبدیلی ناکام رہتی ہے۔

دیگر دیکھیئے:

CSS مرجع دستاویز:transition-property کوالٹی

مثال

دیوائس پر موس کا آمدن سے اپنے قطر اور اونچائی میں تبدیلی دیکھیئے:

document.getElementById("myDIV").style.transitionProperty = "width,height";

خود کو بچھائیئے

قواعد

transitionProperty کوالٹی بائیکس:

object.style.transitionProperty

transitionProperty کوالٹی قائم کریجئے:

object.style.transitionProperty = "none|all|property|initial|inherit"

کوالٹی کا مقصد

مقصد توضیح
none کسی بھی کوالٹی کو کسی بھی کوالٹی پر کیا جاتا نہیں، تمام کوالٹیوں کو سینکریت کیا جاتا ہے۔
all مقصد:
property تعریف کریجئے کے لیے کسی کس CSS کوالٹی کی نئی لیکن کسی بھی کوالٹی کا ذکر کریجئے، نیمکولم سے علیحدہ کریجئے۔
initial اس کوالٹی کو اس کی مقصدی کوالٹی پر قائم کیا جاتا ہے۔ وضاحت کے لئے دیکھیئے initial。
inherit اس کوالٹی کو ان کے والد عنصر سے اس کوالٹی سکھا لیا جاتا ہے۔ وضاحت کے لئے دیکھیئے inherit。

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

مقصد: all
بائیکس: اسٹرنگ، جو عناصر کا transition-property کوالٹی。
CSS ورژن: CSS3

بروسر کا سپورٹ

جداول میں شمارا کوئی بروسر کی نسخہ پانچ کا ذکر کیا گیا ہے جس میں اس خاص کوالٹی کو پورا طور پر سپورٹ کیا جاتا ہے۔

Chrome Edge Firefox فائرفاکس سافری
Chrome Edge Firefox فائرفاکس سافری
آپریا 26.0 10.0 16.0 6.1