Untitled

dabblet.css

cochon, vache{
	display:block;
	width: 100px;
	height: 100px;
	border:1px solid red;
}

vache:hover{
	transition: 2s;
	width: 200px;
}

vache{
	background:url(http://vignette4.wikia.nocookie.net/creepypasta/images/f/fc/700cow.jpg/revision/latest?cb=20110412003057) center center / contain;
}

cochon{
	animation : animatedWidth 2s infinite;
	background: url(http://kids.nationalgeographic.com/content/dam/kids/photos/animals/Mammals/H-P/pig-full-body.jpg.adapt.945.1.jpg) center center / contain;
}

@keyframes animatedWidth{
	to{width:200px;}
}

dabblet.html

<vache></vache>
<cochon></cochon>

dabblet.js

// alert('Hello world!');

settings.json

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