Animated Tooltip

보통

애니메이션 효과가 있는 툴팁

#hover#css-only#animation

라이브 데모

코드

tooltips.css

@keyframes tooltip-bounce {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-4px); }
}
.animated-tooltip {
  animation: tooltip-bounce 0.4s ease;
}