কম্পিউটার টিউটোরিয়াল

CSS3-এ 2D ট্রান্সফর্ম


2D ট্রান্সফর্ম এলিমেন্টের কাঠামোকে ট্রান্সলেট, রোটেট, স্কেল, এবং স্কিউ হিসেবে পরিবর্তন করতে ব্যবহৃত হয়।

নিচের টেবিলে 2D ট্রান্সফর্মে ব্যবহৃত সাধারণ মানগুলো থাকছে:

ক্রমিক নং
মান ও বর্ণনা
1
matrix(n,n,n,n,n,n)
ছয় মান দিয়ে ম্যাট্রিক্স ট্রান্সফর্ম সংজ্ঞায়িত করে
2
translate(x,y)
x-অক্ষ এবং y-অক্ষের সাথে এলিমেন্ট ট্রান্সফর্ম করে
3
translateX(n)
x-অক্ষের সাথে এলিমেন্ট ট্রান্সফর্ম করে
4
translateY(n)
y-অক্ষের সাথে এলিমেন্ট ট্রান্সফর্ম করে
5
scale(x,y)
এলিমেন্টের প্রস্থ এবং উচ্চতা পরিবর্তন করে
6
scaleX(n)
এলিমেন্টের প্রস্থ পরিবর্তন করে
7
scaleY(n)
এলিমেন্টের উচ্চতা পরিবর্তন করে
8
rotate(angle)
কোণ অনুযায়ী এলিমেন্ট রোটেট করে
9
skewX(angle)
x অক্ষের সাথে স্কিউ ট্রান্সফর্ম সংজ্ঞায়িত করে
10
skewY(angle)
y অক্ষের সাথে স্কিউ ট্রান্সফর্ম সংজ্ঞায়িত করে

  1. CSS3 ২D ট্রান্সফর্ম ফাংশন (Transform Functions) ব্যবহার

  2. CSS3 ৩D ট্রান্সফর্ম ফাংশন (3D Transform Functions) ব্যবহার

  3. CSS3 ২D ট্রান্সফর্মেশন (2D Transformation) অফ এলিমেন্টস

  4. CSS3 Keyframes (কীফ্রেম) ডিফাইন করা