CSS offset-rotate প্রতিভা

  • পূর্ববর্তী পৃষ্ঠা offset-position
  • পরবর্তী পৃষ্ঠা opacity

বিবরণ ও ব্যবহার

offset-rotate এই বৈশিষ্ট্যটি পথের দিকে অগ্রসর হওয়ার অ্যানিমেশন এলিমেন্টকে ঘুরে দেওয়ার কোণ নির্দিষ্ট করতে ব্যবহৃত হয়。

প্রতিদর্শ

উদাহরণ 1

পথের দিকে অগ্রসর হওয়ার দিকে ঘুরে দেওয়া তিনটি <img> এলিমেন্টকে ঘুরে দেওয়ার কোণ নির্দিষ্ট করুন:

#fish1 {
  offset-rotate: auto;
}
#fish2 {
  offset-rotate: auto 90deg;
}
#fish3 {
  offset-rotate: 90deg;
}

আপনার নিজের পরীক্ষা করুন

উদাহরণ 2

টার্ন ইউনিট ব্যবহার করে এলিমেন্টের ঘুরে দেওয়ার কোণ ডিগ্রি ইউনিটে নির্দিষ্ট করুন:

div {
  offset-rotate: 0.25turn;
}

আপনার নিজের পরীক্ষা করুন

CSS বৈধতা

offset-rotate: auto|angle|initial|inherit;

বৈশিষ্ট্য মান

মান বর্ণনা
auto এলিমেন্টটি তার পথের দিকে অগ্রসর হওয়ার দিকে ঝুকে থাকে। ডিফল্ট মান。
angle এলিমেন্টটিকে স্থায়ী কোণে ঘুরে দেওয়ার কোণ নির্দিষ্ট করুন。
auto angle auto এবং angle，ঘুরে দেওয়ার ডিফল্ট কোণের সাথে কোণ যোগ করা হয়, ডিগ্রি অনুযায়ী ঘুরে দেওয়া হয়。
reverse এই এলিমেন্টটি ডিফল্ট রোটেশনের বিপরীত দিকে ঘুরে দেয়。
initial এই বৈশিষ্ট্যটিকে তার ডিফল্ট মানে নিন। দেখুন initial。
inherit এই বৈশিষ্ট্যটি তার পিতৃত্ব বৈশিষ্ট্য থেকে উত্তরসূরী করুন। দেখুন inherit。

টেকনিক্যাল বিবরণ

ডিফল্ট মান: auto
উত্তরসূরীতা: না
অ্যানিমেশন নির্মাণ: সমর্থন করা হয়। দেখুন:অ্যানিমেশন-সংক্রান্ত বৈশিষ্ট্য。
সংস্করণ: CSS3
JavaScript বৈধতা: object.style.offsetRotate="45deg"

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

এই টেবিলের সংখ্যা এই প্রক্রিয়াটি সম্পূর্ণরূপে সমর্থনকারী প্রথম ব্রাউজারের সংস্করণকে ইঙ্গিত করে。

Chrome Edge Firefox Safari Opera
56 79 72 16 43

সংশ্লিষ্ট পৃষ্ঠা

শিক্ষানুষ্ঠান:SVG পথ

শিক্ষানুষ্ঠান:CSS অ্যানিমেশন

উল্লেখ:CSS offset প্রতিভা

উল্লেখ:CSS offset-anchor প্রতিভা

উল্লেখ:CSS offset-distance প্রতিভা

উল্লেখ:CSS offset-path প্রতিভা

উল্লেখ:CSS offset-position প্রতিভা

  • পূর্ববর্তী পৃষ্ঠা offset-position
  • পরবর্তী পৃষ্ঠা opacity