From 1109132f09d75da9a28b649c7677bb6ce07c40c0 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:41:45 -0500 Subject: initial commit --- .../web/css/transform-function/rotate()/index.html | 85 ++++++++++++++++++++++ 1 file changed, 85 insertions(+) create mode 100644 files/fa/web/css/transform-function/rotate()/index.html (limited to 'files/fa/web/css/transform-function/rotate()') diff --git a/files/fa/web/css/transform-function/rotate()/index.html b/files/fa/web/css/transform-function/rotate()/index.html new file mode 100644 index 0000000000..28c924605d --- /dev/null +++ b/files/fa/web/css/transform-function/rotate()/index.html @@ -0,0 +1,85 @@ +--- +title: rotate() +slug: Web/CSS/transform-function/rotate() +translation_of: Web/CSS/transform-function/rotate() +--- +
{{CSSRef}}
+ +

تابع ()rotate یک جابجایی که چرخشی دوبعدی نسبت به نقطه‌ای ثابت است را بوجود می‌آورد. نوع خروجی این تابع از جنس {{cssxref("<transform-function>")}} می‌باشد.

+ +

+ +

محور چرخش از طریق مقدار دهی خاصیت {{ cssxref("transform-origin") }} مشخص می‌شود.

+ +

نحو

+ +

مقدار ساخته شده با تابع ()rotate برای چرخش، توسط {{cssxref("<angle>")}} مشخص می‌شود. اگر علامت آن مثبت باشه در جهت ساعتگرد حرکت می‌کند؛ اگر منفی باشد در جهت پاد ساعتگرد حرکت می‌کند. چرخش  °180 بازتاب نقطه نامیده می‌شود.

+ +
rotate(a)
+
+ +

مقادیر

+ +
+
a
+
Is an {{ cssxref("<angle>") }} representing the angle of the rotation. A positive angle denotes a clockwise rotation, a negative angle a counter-clockwise one.
+
+ + + + + + + + + + + + + + + + + + + + + +
Cartesian coordinates on ℝ2Homogeneous coordinates on ℝℙ2Cartesian coordinates on ℝ3Homogeneous coordinates on ℝℙ3
cos(a)-sin(a) sin(a)cos(a) cos(a)-sin(a)0sin(a)cos(a)0001 cos(a)-sin(a)0sin(a)cos(a)0001 cos(a)-sin(a)00sin(a)cos(a)0000100001
[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

+ +

{{EmbedLiveSample("Examples", "auto", 180)}}

+ +

سازگاری مرورگرها

+ +

برای اطلاعات مربوط به سازگاری، لطفا <transform-function> را ببنید.

+ +

See also

+ + -- cgit v1.2.3-54-g00ecf