CSS3 rotation-point ÊôÐÔ

ʵÀý

½« h1 ÔªËØÐýת 180 ¶È£¨´ÓÉÏÏòÏ£©£º

h1
{
rotation-point:50% 50%;
rotation:180deg;
}

Ç××ÔÊÔÒ»ÊÔ

ä¯ÀÀÆ÷Ö§³Ö

ĿǰûÓÐä¯ÀÀÆ÷Ö§³Ö rotation-point ÊôÐÔ¡£

¶¨ÒåºÍÓ÷¨

rotation-point ÊôÐÔÊÇÒ»¶ÔÖµ£¬¶¨Òå´ÓÉÏ×ó±ß¿ò±ßÔµ½øÐÐÆ«ÒƵĵ㡣

Ìáʾ£ºrotation-point ÊôÐÔÐèÒªÓë rotation ÊôÐÔ½áºÏʹÓá£

ĬÈÏÖµ£º 50% 50%
¼Ì³ÐÐÔ£º no
°æ±¾£º CSS3
JavaScript Óï·¨£º object.style.rotationPoint="25% 25%"

Óï·¨

rotation-point: value;
Öµ ÃèÊö
  • left top
  • left center
  • left bottom
  • right top
  • right center
  • right bottom
  • center top
  • center center
  • center bottom
Èç¹ûÖ»¹æ¶¨Ò»¸ö¹Ø¼ü´Ê£¬ÔòµÚ¶þ¸öÖµ½«ÊÇ "center"¡£
x% y% °Ù·Ö±ÈÖµ£¬²Î¿¼±ß¿òºÐ¿í¶ÈºÍ¸ß¶È¡£
VUE