وظيفة scaleY() في CSS

التعريف والاستخدام

في CSS scaleY() الوظيفة تستخدم لتوسيع العناصر بشكل عمودي.

scaleY() زيادة أو تقليل إرتفاع العنصر.

scaleY() الوظيفة في تحويل في استخدام الخاصية.

مثال

مثال 1

استخدام scaleY() توسيع إرتفاع عدة عناصر <div>:

#myDiv1 {
  transform: scaleY(0.5);
}
#myDiv2 {
  transform: scaleY(70%);
}
#myDiv3 {
  transform: scaleY(1.1);
}

تجربة شخصية

مثال 2

استخدام scaleY() توسيع إرتفاع الصورة:

#img1 {
  transform: scaleY(0.5);
}
#img2 {
  transform: scaleY(70%);
}
#img3 {
  transform: scaleY(-0.5);
}
#img4 {
  transform: scaleY(1.1);
}

تجربة شخصية

نحو اللغة CSS

scaleY(s)

تفاصيل التقنية

دعم المتصفح

الرقم في الجدول يشير إلى إصدار المتصفح الذي يدعم هذه الوظيفة بشكل كامل.

الصفحات ذات الصلة

تدريس:Hausa: ainiyanci 2D yankin

Hausa: nassoshi:Hausa: ainiyanci transform

Hausa: nassoshi:Hausa: Arewa CSS scale attiyar

Hausa: nassoshi:Hausa: ainiyanci scale()

Hausa: nassoshi:Hausa: ainiyanci scale3d()

Hausa: nassoshi:Hausa: ainiyanci scaleX()