ຖານະລັກສະນະ offset-path

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

offset-path ບັນດາປະສານການຫັນປະຕິບັດສະໜັບສະໜູນສຳຫຼັບບັນດາບັນນາທິການ.

ຈະສ້າງວົງວຽນສຳຫຼັບການຫັນປະຕິບັດ <div>:

div {
  offset-path: path('M20,170 L100,20 L180,100 Z');
  animation: moveDiv 3s 3;
}
@keyframes moveDiv {
  100% { offset-distance: 100%; }
}

offset-path: none|path()|ray()|url()|basic-shape|coord-box|initial|inherit;

ຈຳນວນຕົວເລກ	ການອະທິບາຍ
none	ຄູ່ມືສົມບູນ. ຈຳນວນຕົວເລກສະບາຍບັນດາບັນດາປະສານການຫັນປະຕິບັດ offset-path.
path()	ຈະນຳໃຊ້ພາສາ SVG ເພື່ອກໍານົດວົງວຽນ. ບັນດາການເບິ່ງ:SVG 路径.
ray()	ຈະນຳໃຊ້ພາສາ CSS ray() ເພື່ອກໍານົດວົງວຽນ.
url()	ຈະນຳໃຊ້ທາງຫົວໜ້າບັນນາທິການ SVG ເພື່ອກໍານົດວົງວຽນ.
<basic-shape>	ຈະນຳໃຊ້ພາສາ CSS ທີ່ສະໜັບສະໜູນ (ເຊັ່ນ inset()、circle()、ellipse() ຫຼື polygon()) ເພື່ອກໍານົດຮູບຮ່າງພື້ນທີ່ກໍານົດວົງວຽນ.
<coord-box>	ຈະນຳໃຊ້ຄຸມຊັ້ນວັດຖຸຕິດຕັ້ງເພື່ອການກໍານົດວົງວຽນ.
initial	ຈະຕັດຕັ້ງບັນດາປະສານການຫັນປະຕິບັດໃຫ້ສູງມາສະບາຍ. ບັນດາການເບິ່ງ: initial.
inherit	ຈະຮັບຜິດຊອບບັນດາບັນດາປະສານການຫັນປະຕິບັດຈາກປະກອບອາວຸດສູບຂອງມັນ. ບັນດາການເບິ່ງ: inherit.

ຄູ່ມືສົມບູນ:	none
ການຮັບອະນຸຍາດ:	ບໍ່
ການສ້າງການຫັນປະຕິບັດ:	ການສະໜັບສະໜູນ. ບັນດາການເບິ່ງ:ບັນດາບັນດາປະສານການຫັນປະຕິບັດ.
ສະຖິຕິ:	CSS3
ສານພາສາ JavaScript:	object.style.offsetPath="path('M20,170 L100,20 L180,100 Z')"