dziudek · May 24, 2013 08:20
diff --git a/dabblet.css b/dabblet.css
 /**
 * CSS Loader - bubble
 */

 #loader {
 	animation-duration: .75s;
 	animation-iteration-count: infinite;
 	animation-name: loader;
 	animation-timing-function: linear;
 	background: #fc9;
 	border-radius: 50%;
 	height: 18px;
 	width: 18px;
 }

 @keyframes loader {
 	from, to {
 		transform: scale(1);
 	}
 	
 	50% {
 		transform: scale(.5);
 	}
 }
diff --git a/dabblet.html b/dabblet.html
 <div id="loader"></div>
diff --git a/dabblet.js b/dabblet.js
 // alert('Hello world!');
diff --git a/settings.json b/settings.json
 {"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}
	/**
	* CSS Loader - bubble
	*/

	#loader {
	animation-duration: .75s;
	animation-iteration-count: infinite;
	animation-name: loader;
	animation-timing-function: linear;
	background: #fc9;
	border-radius: 50%;
	height: 18px;
	width: 18px;
	}

	@keyframes loader {
	from, to {
	transform: scale(1);
	}

	50% {
	transform: scale(.5);
	}
	}