rotate()
تابع ()rotate
یک جابجایی که چرخشی دوبعدی نسبت به نقطهای ثابت است را بوجود میآورد. نوع خروجی این تابع از جنس <transform-function>
میباشد.
محور چرخش از طریق مقدار دهی خاصیت transform-origin
مشخص میشود.
نحو
مقدار ساخته شده با تابع ()rotate
برای چرخش، توسط <angle>
مشخص میشود. اگر علامت آن مثبت باشه در جهت ساعتگرد حرکت میکند؛ اگر منفی باشد در جهت پاد ساعتگرد حرکت میکند. چرخش °180 بازتاب نقطه نامیده میشود.
rotate(a)
مقادیر
a
- Is an
<angle>
representing the angle of the rotation. A positive angle denotes a clockwise rotation, a negative angle a counter-clockwise one.
Cartesian coordinates on ℝ2 | Homogeneous coordinates on ℝℙ2 | Cartesian coordinates on ℝ3 | Homogeneous coordinates on ℝℙ3 |
---|---|---|---|
[cos(a) sin(a) -sin(a) cos(a) 0 0] |
مثالها
HTML
<div>Normal</div>
<div class="rotated">Rotated</div>
CSS
div {
width: 80px;
height: 80px;
background-color: skyblue;
}
.rotated {
transform: rotate(45deg); /* Equal to rotateZ(45deg) */
background-color: pink;
}
Result
سازگاری مرورگرها
برای اطلاعات مربوط به سازگاری، لطفا <transform-function>
را ببنید.