وظیفه rotateY() CSS

تعریف و استفاده

CSS rotateY() وظیفه تعریف می‌کند که عنصر چگونه حول محور y (محور عمودی) بچرخد.

rotateY() وظیفه در تبدیل در استفاده از ویژگی.

مثال

مثال 1

استفاده از rotateY() چندین عنصر <div> را حول محور y (محور عمودی) بچرخانید:

#myDiv1 {
  transform: rotateY(40deg);
}
#myDiv2 {
  transform: rotateY(60deg);
}
#myDiv3 {
  transform: rotateY(80deg);
}

آزمایش کنید

مثال 2

استفاده از rotateY() تصاویر را حول محور y (محور عمودی) بچرخانید:

#img1 {
  transform: rotateY(40deg);
}
#img2 {
  transform: rotateY(60deg);
}
#img3 {
  transform: rotateY(80deg);
}

آزمایش کنید

آموزش CSS

rotateY(angle)
مقدار توضیح
angle

ضروری. زاویه چرخش را مشخص کنید. واحدهای ممکن:

  • deg (درجه)
  • rad (درجه)
  • turn (دوره)

جزئیات فنی

نسخه: CSS Transforms Module Level 2

پشتیبانی مرورگر

اعداد در جدول نشان‌دهنده نسخه اولین مرورگرهایی است که این عملکرد را کامل پشتیبانی می‌کنند.

کروم ایج فایرفاکس سافاری آپرا
12 12 10 4 15

صفحات مرتبط

تدریس:CSS 3D تبندی

مطالبه:CSS transform کا اپریشن

مطالبه:CSS rotate کوالیتوی

مطالبه:CSS rotate() فنکشن

مطالبه:CSS rotate3d() فنکشن

مطالبه:CSS rotateX() فنکشن

مطالبه:CSS rotateZ() فنکشن