<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;
}
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.