انتقل إلى محتوى الدرس

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

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

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

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

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

CSS 2D Transforms scaleX

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

HTML
div
{
  width: 200px;
  height: 75px;
  background-color: #2196F3;
  border: 2px solid orange;
  transform: scaleX(2);
  color:white;
  margin:100px;
}