Marching ants selection

dabblet.css

/**
 * Marching ants selection
 */

rect {
	stroke: black;
	stroke-width: 2px;
	stroke-dasharray: 5px 3px;
	animation: marching-ants .6s linear infinite;
	fill: none;
}

svg {
	width: 600px;
	height: 400px;
}

@keyframes marching-ants {
	to {
		stroke-dashoffset: -8px;
	}
}

dabblet.html

<svg>
	<rect width="100%" height="100%" />
</svg>

dabblet.js

// alert('Hello world!');

settings.json

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