#map_graphics_layer { -webkit-animation-duration:3s; -webkit-animation-iteration-count:infinite; -webkit-animation-name:pulse; -webkit-animation-timing-function:ease-in-out; }
Solved! Go to Solution.
var gl = new GraphicsLayer({ id: "blink" });
#blink_layer { -webkit-animation-duration: 3s; -webkit-animation-iteration-count: infinite; -webkit-animation-name: pulse; -moz-animation-duration: 3s; -moz-animation-iteration-count: infinite; -moz-animation-name: pulse; }
var gl = new GraphicsLayer({ id: "blink" });
#blink_layer { -webkit-animation-duration: 3s; -webkit-animation-iteration-count: infinite; -webkit-animation-name: pulse; -moz-animation-duration: 3s; -moz-animation-iteration-count: infinite; -moz-animation-name: pulse; }
The pulse effect is causing strange problems for me though in Chrome (it bounces around the screen when you pan).
I have an idea for another effect, but I would need a selector for just that one graphic from the graphics layer. I don't suppose that's possible?
#blink_layer circle:first-child { -webkit-animation-duration: 3s; -webkit-animation-iteration-count: infinite; -webkit-animation-name: pulse; -moz-animation-duration: 3s; -moz-animation-iteration-count: infinite; -moz-animation-name: pulse; }