Untitled

dabblet.css

body {
	background:#333;
}

dabblet.html

<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="408" height="327" >
	<mask id="mask">
		<image x="0" y="0" width="408" height="327" xlink:href="http://ce-dev.ru/svg/img/maska.jpg" />
	</mask>
	<image x="0" y="-200" id="light" width="291" height="138" xlink:href="http://ce-dev.ru/_projects/atl/img/light.png" mask="url(#mask)">
		<animate attributeName="y" to="800" dur="4s" repeatCount="indefinite" />
	</image>
	<image x="300" y="-200" id="light" width="291" height="138" xlink:href="http://ce-dev.ru/_projects/atl/img/light.png" mask="url(#mask)">
		<animate attributeName="y" to="800" begin="2s" dur="4s" repeatCount="indefinite" />
	</image>
</svg>

dabblet.js

// alert('Hello world!');

settings.json

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