Skip to content

Instantly share code, notes, and snippets.

@carmoreira
Created April 14, 2022 15:39
Show Gist options
  • Save carmoreira/a694ac63dcb0da95128dc53d2fa19368 to your computer and use it in GitHub Desktop.
Save carmoreira/a694ac63dcb0da95128dc53d2fa19368 to your computer and use it in GitHub Desktop.
Animate markers when they have specific colours - can be used to target hover colours - Interactive Geo Maps
/* For color #dd3333 */
.imapsCircle-group[fill="#dd3333"] .imapsCircle {
paint-order: stroke;
stroke: #dd3333;
stroke-opacity:0;
stroke-width:15px;
transition: stroke-opacity 0.5s, stroke-width 0.2s;
}
/* For color #2ca25f */
.imapsCircle-group[fill="#2ca25f"] .imapsCircle {
paint-order: stroke;
stroke: #2ca25f;
stroke-opacity:0;
stroke-width:15px;
transition: stroke-opacity 0.5s, stroke-width 0.2s;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment