User story
When using the tasks filter, I want some feedback when I change filter options that different articles are being found based on my selections.
Proposed solution
Animate the "live-broadcast" icon next to the count of article results to indicate that matching articles are being found.
See animated SVG here: http://reetssydney.github.io/prototypes/live-broadcast/index.html
Asset:
CSS:
@keyframes play45 {
0% {
background-position: 0px 0px;
}
100% {
background-position: -900px 0px;
}
}
.shapeshifter {
animation-duration: 3000ms;
animation-timing-function: steps(45);
animation-iteration-count:infinite;
width: 20px;
height: 20px;
background-image: url(livebroadcast-anim.svg);
background-repeat: no-repeat;
}
.shapeshifter.play {
animation-name: play45;
}
