অলস মানুষের জন্য CSS ট্রান্সফর্ম জেনারেটর।
স্কেল সেট করুন, ঘোরান, অনুবাদ করুন এবং তির্যক করুন এবং পছন্দসই ভিউ পেতে লাইভ প্রিভিউ দেখুন।
স্কু প্রপার্টির জন্য চরম মান সেট করা এড়িয়ে চলুন কারণ প্রিভিউ সেটিংস প্যানেলকে কভার করতে পারে। এই অবস্থায় আপনাকে পেজটি রিফ্রেশ করতে হবে।
স্কেল, ঘোরান, অনুবাদ এবং তির্যক
স্কেল কাজ করে যেমন আপনি টার্গেট করা উপাদান জুম ইন এবং আউট করবেন। ডিফল্ট স্কেল মান হল 1, যা মূল আকারের গুণক হিসাবে কাজ করে। এর মানে হল 0.5 অর্ধেক যখন 2 বিভাগ দ্বিগুণ করে।
ডিগ্রীতে সেট করা দ্বিতীয় সম্পত্তির সাথে উপাদানটিকে ঘড়ির কাঁটার দিকে ঘোরান। 180° দিয়ে ঘোরানো বস্তুটিকে উল্টো করে রাখে যখন 360° নেয় তার আসল খাড়া অবস্থানে ফিরে আসে। যেকোনো ধনাত্মক বা ঋণাত্মক মান বা এমনকি দশমিক নির্ধারণ করুন।
অনুবাদ মূল অবস্থানের সাথে সম্পর্কিত পিক্সেল সহ উপাদানটিকে স্থানান্তরিত করে। X মান অনুভূমিকভাবে এবং Y উল্লম্বভাবে যখন ঘোরানো বৈশিষ্ট্য শূন্য হয়।
বস্তুগুলিকে তাদের অনুভূমিক (X) বা উল্লম্ব (Y) অক্ষের উপর স্কুই করুন।
CSS রূপান্তর ব্যাখ্যা করা হয়েছে
ট্রান্সফর্ম সিএসএস প্রপার্টি আপনাকে একটি উপাদান ঘোরাতে, স্কেল করতে, তিরস্কার করতে এবং অনুবাদ করতে দেয়। এটি CSS ভিজ্যুয়াল ফরম্যাটিং মডেলের স্থানাঙ্ক পরিবর্তন করে।
সংজ্ঞা এবং ব্যবহার
রূপান্তর বৈশিষ্ট্য একটি উপাদান একটি 2D বা 3D রূপান্তর প্রয়োগ করে। এই সম্পত্তি আপনাকে ঘোরানো, স্কেল, সরানো, তির্যক, ইত্যাদি উপাদানগুলিকে অনুমতি দেয়।
ব্রাউজার সমর্থন
টেবিলের সংখ্যাগুলি প্রথম ব্রাউজার সংস্করণটি নির্দিষ্ট করে যা সম্পত্তিটিকে সম্পূর্ণরূপে সমর্থন করে৷
-webkit-, -moz-, বা -o- দ্বারা অনুসরণ করা সংখ্যাগুলি একটি উপসর্গের সাথে কাজ করা প্রথম সংস্করণটি নির্দিষ্ট করে৷
বাক্য গঠন
transform: none|transform-functions|initial|inherit;
