ປະຕູນິກ scale() CSS

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

CSS scale() ປະຕູນິກທີ່

scale() ປະຕູນິກຈະອະທິບາຍຈຳນວນການຂະຫຍາຍຂອງບັນດາປະຕູນິກໃນທິດທາງ x ແລະ y.

scale() ປະຕູນິກທີ່ transform ທີ່ນຳໃຊ້ພາຍໃນບັນດາລັກສະນະ.

ຄວາມຈິງ

ຄຳທີ 1

ນຳໃຊ້ scale() ການຂະຫຍາຍຫຼາຍ <div> ອົງ:

#myDiv1 {
  transform: scale(0.7);
}
#myDiv2 {
  transform: scale(110%);
}
#myDiv3 {
  transform: scale(1.1, 0.5);
}

ການທົດລອງດີເທິງຕົວເອງ

ຄຳທີ 2

ນຳໃຊ້ scale() ການຂະຫຍາຍພາບຕາກ:

#img1 {
  transform: scale(0.7);
}
#img2 {
  transform: scale(110%);
}
#img3 {
  transform: scale(1.1, 0.5);
}

ການທົດລອງດີເທິງຕົວເອງ

ສັບສິນCSS

scale(sx, sy)

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

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

ຈຳນວນໃນຕາຕະລາງອອກມາສະແດງວ່າລະບົບບັດນູບທີ່ເບິ່ງຄືກັບວ່າຈະສະໜັບສະໜູນການນຳໃຊ້ປະຕູນີ້.

ບາງເບຍທີ່ກ່ຽວຂ້ອງ

ຄູ່ມວນຊົນ:ປະກອບພິມວິຊາ CSS 2D Transform

ກ່ຽວກັບ:ປະກອບພິມວິຊາ transform

ກ່ຽວກັບ:ປະກາດ scale

ກ່ຽວກັບ:ພວກສາຍການ scale3d()

ກ່ຽວກັບ:ພວກສາຍການ scaleX()

ກ່ຽວກັບ:ພວກສາຍການ scaleY()