CSS transition کیمپٹنسی

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

transition خصوصیات ایک مختصر خصوصیات ہے، جو چار تحویل خصوصیات کو قائم کرتی ہے:

تعلیمات:کبھی کبھی خصوصیات کو مقرر کرنے کو لازمی نہیں کیا جاتا ہے، بلکہ 0 وقت کا مقرر کیا جائے گا، تحویل کا اثر پیدا نہیں ہوگا۔ transition-duration اگر خصوصیات کو مقرر نکھا جائے تو، عارضی طور پر 0 وقت کا مقرر کیا جائے گا، تحویل کا اثر پیدا نہیں ہوگا۔

مزید دیکھئے:

CSS تعلیم:CSS کی ترقبات

HTML DOM مراجع دکشنری:transition خصوصیات

مثال

ایک مارکر کو div عنصر پر رکھیں، اس کی چوڑائی 100px سے 300px تک کم کم ہو جائے گی:

div {
  width: 100px;
  transition: width 2s;
}

خود بخود کوشش کریں

CSS زبان

transition: خصوصیات مدت منحنی منظم تاخیر;

خصوصیات کا مقصد

مقصد وصف
transition-property تحویل کا اثر کی قائم کئے جانے والی CSS کی خصوصیات کا نام مقرر کرتا ہے۔
transition-duration تحویل کا اثر کی کچھ وقت یا میل سیکنڈ میں مقرر کرتا ہے۔
transition-timing-function تختاوت کا اثر کی رفتار منحنی کو مقرر کرتا ہے۔
transition-delay تحویل کا اثر کی شروع کی تاریخ تعریف کرتا ہے۔

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

مقصد: all 0 ease 0
وراثت: نہ
ورژن: CSS3
JavaScript زبان: عنصر.style.transition="width 2s"

بrowsر سپورٹ

جداول میں نمبر، اس کی اصل پرستی کی پہلی براہ راست مراکز کی تاریخ کا ذکر کرتا ہے۔

عدد جو -webkit-، -moz- یا -o- سے استعمال میں آتا ہے، یہ پریفیکس کی پہلی نسخے کا استعمال کیا جاتا ہے۔

Chrome IE / Edge Firefox Safari Opera
26.0
4.0 -webkit-		 10.0 16.0
4.0 -moz-		 6.1
3.1 -webkit-		 12.1
10.5 -o-