انتقل إلى محتوى الدرس
ابدأ رحلتك
فقرة فرعية #3 من درس: تحويل العنصر إلي ثنائية أبعاد في لغة CSS

CSS 2D Transforms rotate خاصية transform مع rotate في لغة CSS

سوف تتعلم في هذا الدرس تحويل العناصر من عناصر عادية إلي عناصر ثنائية الأبعاد في لغة CSS للتحكم في تدوير العنصر وتكبيرة وانحرافه.

1 صفوف تعليمية
لغة CSS
3,474 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي
تستخدم خاصية transform مع القيمة ( )rotate في لغة CSS لتتحكم في تدوير العنصر في اتجاه عقارب الساعة ولها قيمة degree درجة الدوران.
جرّب بنفسك

CSS 2D Transforms rotate

تدوير العنصر بخاصية transform مع القيمة rotate في لغة CSS.

HTML 
div
{
  width: 250px;
  height: 100px;
  background-color: #2196F3;
  border: 2px solid orange;
  transform: rotate(35deg);
  color:white;
  margin-top:100px;
}
جرّب بنفسك

جميع فقرات هذا الدرس (تحويل العنصر إلي ثنائية أبعاد في لغة CSS)