CSS Animation as a <google-map-marker> ?

[oneezy]

I'm trying to create a CSS animated "map marker" icon inside the custom <google-map-marker> custom element, but It doesn't seem to work. What am I doing wrong?

So far I've tried (but failed):

• Google Map Marker (GIF Animation)
• Google Map Marker (CSS Animation)

---

Here's a JS Fiddle of the code in question: https://jsfiddle.net/oneeezy/4m2y93wp/

Here's the StackOverflow question I posted: http://stackoverflow.com/questions/39986679/css-animation-as-a-google-map-marker-polymer-1-0