Untitled

dabblet.css

.mouth{
	background: black;
	background-image: linear-gradient(#ccc,#fff), linear-gradient(#fff,#ccc);
	background-size: 100% 20px;
	background-position: center 0px, center 20px;
	background-repeat: no-repeat;
	height: 40px;
	width: 20%;
	animation: lips 1s linear infinite;
	position: relative;
	border-radius: 100% 100% 0 0;
}
@keyframes lips{
	0%{
		background-position: center 0px, center 20px;
		background-size: 100% 20px,100% 20px;
	}
	50%{
		background-position: center 0px, center 40px;
		background-size: 100% 0px,100% 0px;
	}
}

dabblet.html

<div class="mouth"></div>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}