Skip to content

Instantly share code, notes, and snippets.

@carmoreira
Last active March 24, 2023 13:12
Show Gist options
  • Save carmoreira/145f498e3b44bfffc86234dda402c5b4 to your computer and use it in GitHub Desktop.
Save carmoreira/145f498e3b44bfffc86234dda402c5b4 to your computer and use it in GitHub Desktop.
pulsating markers effect with css - interactive geo maps
.imapsCircle {
paint-order: stroke;
stroke-opacity:1;
stroke: #dd9933; /* change with the stroke color you want */
animation: pulse-me 1s linear infinite;
}
/* or target by colour */
.imapsCircle-group[fill="#1e73be"] .imapsCircle {
paint-order: stroke;
stroke-opacity:1;
stroke: #dd9933; /* change with the stroke color you want */
animation: pulse-me 1s linear infinite;
}
@keyframes pulse-me {
0% {
stroke-opacity: 0.9;
stroke-width:0px;
}
100% {
stroke-opacity: 0;
stroke-width:25px;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment