কম্পিউটার

CSS3 2D ট্রান্সফর্ম ফাংশনের সাথে কাজ করা


2D রূপান্তরগুলি অনুবাদ, ঘূর্ণন, স্কেল এবং তির্যক হিসাবে উপাদানের কাঠামোকে পুনরায় পরিবর্তন করতে ব্যবহৃত হয়৷

নিচে কিছু 2D ট্রান্সফর্ম ফাংশন দেওয়া হল -

Sr.No. মান ও বর্ণনা
1 ম্যাট্রিক্স(n,n,n,n,n,n)
ছয়টি মান সহ ম্যাট্রিক্স রূপান্তর সংজ্ঞায়িত করতে ব্যবহৃত হয়
2 অনুবাদ(x,y)
x-অক্ষ এবং y-অক্ষ সহ মৌলকে রূপান্তর করতে ব্যবহৃত হয়
3 translateX(n)
x-অক্ষের সাথে উপাদানটিকে রূপান্তর করতে ব্যবহৃত হয়
4 অনুবাদ Y(n)
y-অক্ষ সহ মৌলকে রূপান্তর করতে ব্যবহৃত হয়
5 স্কেল(x,y)
উপাদানের প্রস্থ এবং উচ্চতা পরিবর্তন করতে ব্যবহৃত হয়
6 স্কেলএক্স(এন)
উপাদানের প্রস্থ পরিবর্তন করতে ব্যবহৃত হয়

CSS3 -

-এ 2D ট্রান্সফর্ম ফাংশন দেখানো কোডটি নিচে দেওয়া হল

উদাহরণ

2D ট্রান্সফর্ম ফাংশন

ROTATE
SKEW
SCALE
অনুবাদ

আউটপুট

উপরের কোডটি নিম্নলিখিত আউটপুট −

তৈরি করবে

CSS3 2D ট্রান্সফর্ম ফাংশনের সাথে কাজ করা


  1. CSS3 এর সাথে z-অক্ষ ব্যবহার করে উপাদানটিকে রূপান্তরিত করুন

  2. CSS3 ফিল্টার ইফেক্ট নিয়ে কাজ করা

  3. CSS3 3D ট্রান্সফর্ম ফাংশনের সাথে কাজ করা

  4. CSS-এ 2D ট্রান্সফর্ম ফাংশন