Arrow Tooltip

보통

화살표가 있는 툴팁 (4방향)

#hover#css-only#micro

라이브 데모

코드

tooltips.css

.arrow-tooltip::after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: 6px solid transparent;
  border-top-color: var(--bg-secondary);
}