Untitled

dabblet.css

img {
	-webkit-clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
	webkit-clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
	transform: rotate(0deg);
	transition: 1s;
}
img:hover {
	transform: rotate(360deg);
	-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
	webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}

dabblet.html

<img src="http://gotoandlearn.net/images/black_logo.png">

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split-vertical","fontsize":"130","seethrough":"","prefixfree":"1","page":"html"}