Pure CSS VS11-like 'working' animation
Published
I thought it would be fun to try my hand at producing a similar effect as the Visual Studio 2012 installer working/busy animation using pure-CSS. I think it turned out pretty well, it works in Opera, Safari, Chrome and Firefox.
It’s interesting comparing how it came out in each of the browsers:
- Safari felt like it was really struggling to handle it,
- Chrome was drawing the circles a bit choppy due to the floating point positions,
- Firefox was really nice and smooth, and
- Opera was good but not quite as good as Firefox.
Demo
See the Pen VS11-like working animation by Daniel Imms (@Tyriar) on CodePen