LeaVerou · August 18, 2014 13:52
diff --git a/dabblet.css b/dabblet.css
 /**
 * Blinking animations
 */

 @keyframes blink-smooth { to { opacity: 0 } }
 @keyframes blink { 50% { opacity: 0 } }

 p {
 	animation: blink-smooth .3s 10 alternate;
 	background: yellow;
 }

 p + p {
 	animation: blink .5s 5 steps(1);
 }
diff --git a/dabblet.html b/dabblet.html
 <p>Blinking smoothly
 <p>Non-smooth blinking
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"}
	/**
	* Blinking animations
	*/

	@keyframes blink-smooth { to { opacity: 0 } }
	@keyframes blink { 50% { opacity: 0 } }

	p {
	animation: blink-smooth .3s 10 alternate;
	background: yellow;
	}

	p + p {
	animation: blink .5s 5 steps(1);
	}