<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>CSS on David Hamp-Gonsalves</title><link>https://davidhampgonsalves.com/tags/css/</link><description>Recent content in CSS on David Hamp-Gonsalves</description><generator>Hugo -- gohugo.io</generator><language>en-US</language><lastBuildDate>Sat, 26 Nov 2011 00:00:00 +0000</lastBuildDate><atom:link href="https://davidhampgonsalves.com/tags/css/index.xml" rel="self" type="application/rss+xml"/><item><title>Loading Indicator &amp; CSS Animations</title><link>https://davidhampgonsalves.com/loading-indicator-css-animations/</link><pubDate>Sat, 26 Nov 2011 00:00:00 +0000</pubDate><guid>https://davidhampgonsalves.com/loading-indicator-css-animations/</guid><description>Recently I needed a minimum viable animated web loading indicator. I didn&amp;rsquo;t want to add another image to my page for load time reasons. Nor did I want to write any javascript for size/time reasons. This left me with CSS animations. CSS based animations at this point only have limited browser support but for my project which already required HTML5 Geo Location it seemed like a good fit. This post is to show how easily this animation can be added as well as show how nicely it downgrades.</description></item></channel></rss>