<button popovertarget="hello">Say Hello</button>
<span popover id="hello">👋</span>
span {
  animation: wave 0.25s 0.25s 2;
  font-size: 8rem;
  
  &:popover-open {
    border: 0;
  }
}

@keyframes wave {
  50% {
    rotate: -25deg;
  }
  100% {
    rotate: 25deg;
  }
}
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.