ປະຕິບັດຕາມປະຕິບັດການ CSS scaleY()

ການກໍານົດແລະການນໍາໃຊ້

CSS scaleY() ປະຕິບັດຕາມປະຕິບັດການທີ່ຂະຫຍາຍມວນສະແດງຂອງບັນດາສິ່ງທີ່ຕິດຢູ່ທິດທາງຕາມທາງຕາກັນ.

scaleY() ປະຕິບັດຕາມປະຕິບັດການທີ່ຕື່ມຫຼືຫຼຸດມວນສະແດງຂອງບັນດາສິ່ງ.

scaleY() ປະຕິບັດຕາມປະຕິບັດການ transform ທີ່ສະແດງການນຳໃຊ້.

ຄວາມຄິດທີ່ພິຈາລະນາ

ຕົວຢ່າງ 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)

ຂໍ້ມູນດ້ານເຕັກນິກ

ການສະໜັບສະໜູນບັນດາບັນຊີບັດບາດ

ຈຳນວນໃນຕາຕະລາງສະແດງການສະຫຼຸບກັບການສະໜັບສະໜູນນັບບັນດາປະກາດການທີ່ສົມບູນຂອງປະກາດການທີ່ສົມບູນຂອງບັນດາບັນຊີບັດບາດ

ບາງເວັບໄຊທີ່ກ່ຽວຂ້ອງ

ການຮຽນ:CSS 2D 变换

参考：ປະກອບປະກອບຄູ່ມູນຄວາມສະແດງຄວາມສະແດງ

参考：ປະກອບຄູ່ມີ scale

参考：CSS scale() 函数

参考：CSS scale3d() 函数

参考：ປະກອບປະກອບຄູ່ມູນຄວາມສະແດງຄວາມສະແດງ