CodePen Embed - qBGXoWr

<button popovertarget="my-popover">ポップオーバーを開く</button>

<div popover id="my-popover">こんにちは！</div>

[popover] {
  transform: scaleX(0);
}

[popover]:popover-open {
  transform: scaleX(1);
  transition: transform 1s;
}

This Pen is owned by azukiazusa1 on CodePen.

This Pen doesn't use any external CSS resources.

This Pen doesn't use any external JavaScript resources.