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);
}

dabblet.html

<p>Blinking smoothly
<p>Non-smooth blinking

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}