Teardrop kitty - By @LeaVerou

dabblet.css

/* Teardrop kitty - By @LeaVerou */

.teardrop {
	display: inline-block;
	overflow: hidden;
	border-radius: 50%;
	border-top-left-radius: 0;
	transform: translateY(10%) scale(.8) rotate(45deg);
}

.teardrop > img {
	display: block;
 	transform: scale(1.25) rotate(-45deg) translateY(-10%);
}

dabblet.html

<img src="http://placekitten.com/200/200"  />

<div class="teardrop"><img src="http://placekitten.com/200/200"  /></div>

dabblet.js

// alert('Hello world!');

settings.json

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