quizzicol’s gists

quizzicol / dabblet.css

Created July 12, 2013 02:20 — forked from anonymous/dabblet.css

Attempt for Chrome-style progress-indicator with SVG and CSS animations

	/**
	* Attempt for Chrome-style progress-indicator with SVG and CSS animations
	*/

	@keyframes spin {
	0% {
	stroke: #00aeef
	}
	37.5% {
	stroke: #ed1c24;

quizzicol / dabblet.css

Created July 21, 2013 03:46 — forked from LeaVerou/dabblet.css

Loading animation like the one seen on http://www.freeger.com/projects/contextad/ with CSS

	/**
	* Loading animation like the one seen on http://www.freeger.com/projects/contextad/ with CSS
	* Caveat: Not DRY. The content needs to be repeated in a data- attribute (or directly in the CSS).
	*/

	body {
	background: #ccc51c;
	min-height: 100%;
	}

quizzicol / dabblet.css

Created July 21, 2013 04:03 — forked from LeaVerou/dabblet.css

Loading animation like the one seen on http://www.freeger.com/projects/contextad/ with CSS

	/**
	* Loading animation like the one seen on http://www.freeger.com/projects/contextad/ with CSS
	* Caveat: Not DRY. The content needs to be repeated in a data- attribute (or directly in the CSS).
	*/

	body {
	background: #ffffff;
	min-height: 100%;
	}