CSS rotate প্রক্রিয়া

定义和用法

rotate 属性允许你旋转元素。

rotate 属性定义了一个值，表示元素绕 z 轴顺时针旋转的程度。要绕 x 轴或 y 轴或其他方式旋转元素，必须进行相应的定义。

rotate এই অ্যাট্রিবিউটের মূল্যটি একটি কোণা, অক্ষ নাম + কোণা বা তিনটি মূল্য + কোণা হতে পারে।

• যদি শুধুমাত্র একটি কোণা দেওয়া হয়, এলিমেন্টটি z-অক্ষ ওপর সূত্রপ্রবণভাবে ঘূর্ণন করবে।
• যদি অক্ষ নাম + কোণা দেওয়া হয়, এলিমেন্টটি নির্দিষ্ট অক্ষ ওপর সূত্রপ্রবণভাবে ঘূর্ণন করবে।
• যদি তিনটি মূল্য + কোণা দেওয়া হয়, তিনটি মূল্যটি একটি ভেক্টরকে নির্ধারণ করে, এলিমেন্টটি এই ভেক্টর ওপর ঘূর্ণন করবে।

এই পদ্ধতিকে ভালোভাবে বোঝার জন্য, rotate অ্যাট্রিবিউট, দেখুন:প্রদর্শন。

নোট:এলিমেন্টকে ঘূর্ণন করার একটি অন্য পদ্ধতি হল সহযোগী অ্যাট্রিবিউট ব্যবহার করে: CSS rotate() ফাংশন এর CSS transform অ্যাট্রিবিউট

ইনস্ট্যান্স

উদাহরণ ১

এলিমেন্টের ঘূর্ণন পরিবর্তন:

div {
  rotate: 30deg;
}

স্বয়ং প্রয়োগ করুন

উদাহরণ ২

যখন rotate ভেক্টর এবং কোণা সম্পর্কে অ্যাট্রিবিউট সজ্জীকরণ করা হলে, এলিমেন্টটি এই ভেক্টর ওপর ঘূর্ণন করবে।

এখানে, ভেক্টরটি দ্বিমাত্রিক পরিমাণক্ষেত্রের [1 1 0] হয়, x এবং y কোণা সহ আছে, এবং ৬০ ডিগ্রি ঘূর্ণন করা হয়:

div {
  rotate: 1 1 0 60deg;
}

স্বয়ং প্রয়োগ করুন

CSS ১৮ফরমেট

rotate: axis আঙ্গুল|initial|inherit;

অ্যাট্রিবিউট মূল্য

প্রযুক্তিগত বিবরণ

ব্রাউজার সমর্থন

টেবিলের সংখ্যা এটি প্রথম উপযুক্ত ব্রাউজার সংস্করণটির প্রতিনিধিত্ব করে।

সংশ্লিষ্ট পেজ

শিক্ষা:CSS 2D ১৮ফরমেট

শিক্ষা:CSS 3D ট্রান্সফর্ম

উল্লেখনী:CSS scale প্রক্রিয়া

উল্লেখনী:CSS translate প্রতিশব্দ