Skip to content

Instantly share code, notes, and snippets.

@bgallagh3r
Created February 4, 2022 13:53
Show Gist options
  • Save bgallagh3r/6f3aa1fe6d137415b1e512ba352349b6 to your computer and use it in GitHub Desktop.
Save bgallagh3r/6f3aa1fe6d137415b1e512ba352349b6 to your computer and use it in GitHub Desktop.
.pulse-button span:after{
content: '';
width: 30px; height: 30px;
border-radius: 100%;
border: 6px solid #673a9b;
position: absolute;
z-index: -1;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: ring 1.5s infinite;
}
@keyframes ring {
0% {
width: 30px;
height: 30px;
opacity: 1;
}
100% {
width: 200px;
height: 200px;
opacity: 0;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment