سست لوگوں کے لیے CSS ٹرانسفارم جنریٹر۔
مطلوبہ منظر حاصل کرنے کے لیے پیمانہ سیٹ کریں، گھمائیں، ترجمہ کریں، اور سکیو کریں اور لائیو پیش نظارہ دیکھیں۔
سکیو پراپرٹی کے لیے انتہائی قدریں متعین کرنے سے گریز کریں کیونکہ پیش نظارہ ترتیبات کے پینل کا احاطہ کر سکتا ہے۔ اس صورت حال میں آپ کو صفحہ ریفریش کرنا پڑے گا۔
پیمانہ، گھمائیں، ترجمہ اور سکیو
اسکیل اس طرح کام کرتا ہے جیسے آپ ہدف والے عنصر کو زوم ان اور آؤٹ کریں گے۔ پہلے سے طے شدہ پیمانے کی قیمت 1 ہے، جو اصل سائز کے ضرب کے طور پر کام کرتی ہے۔ اس کا مطلب ہے کہ 0.5 آدھے حصے جبکہ 2 حصے کو دوگنا کرتے ہیں۔
عنصر کو دوسری خاصیت کے ساتھ گھڑی کی سمت گھمائیں جو ڈگری میں سیٹ ہے۔ 180° کے ساتھ موڑنا آبجیکٹ کو الٹا کر دیتا ہے جبکہ 360° لیتا ہے اپنی اصل سیدھی پوزیشن پر واپس آجاتا ہے۔ کوئی بھی مثبت یا منفی قدر یا اعشاریہ بھی سیٹ کریں۔
ترجمہ عنصر کو اس کی اصل پوزیشن سے متعلق پکسلز کے ساتھ شفٹ کرتا ہے۔ X کی قدر افقی طور پر جبکہ Y عمودی طور پر جب گھمانے کا وصف صفر ہوتا ہے۔
اشیاء کو ان کے افقی (X) یا عمودی (Y) ایکسل پر کھینچیں۔
سی ایس ایس ٹرانسفارم کی وضاحت کی گئی۔
ٹرانسفارم سی ایس ایس پراپرٹی آپ کو کسی عنصر کو گھمانے، اسکیل، سکیو اور ترجمہ کرنے دیتی ہے۔ یہ CSS بصری فارمیٹنگ ماڈل کی کوآرڈینیٹ اسپیس میں ترمیم کرتا ہے۔
تعریف اور استعمال
ٹرانسفارم پراپرٹی کسی عنصر پر 2D یا 3D تبدیلی کا اطلاق کرتی ہے۔ یہ خاصیت آپ کو عناصر کو گھمانے، پیمانے، حرکت، ترچھی، وغیرہ کی اجازت دیتی ہے۔
براؤزر سپورٹ
جدول میں موجود نمبر پہلے براؤزر ورژن کی وضاحت کرتے ہیں جو پراپرٹی کو مکمل طور پر سپورٹ کرتا ہے۔
نمبر اس کے بعد -webkit-، -moz-، یا -o- پہلے ورژن کی وضاحت کرتے ہیں جو ایک سابقہ کے ساتھ کام کرتا ہے۔
نحو
transform: none|transform-functions|initial|inherit;
