Pulsating Leaflet marker using CSS3 animations

Question

I want to create a custom pulsating map marker icon on a Leaflet map. For learning purposes I don\'t want to use third party plugins.

I am using the following CSS code f

Answer 1

Your original approach didn't work because you used transform (which Leaflet also uses to place it's markers).

Example of a Leaflet placement which is overwritten:

transform: translate3d(499px, 604px, 0px);