Skip to content

Instantly share code, notes, and snippets.

@loai-kanou
Forked from LeaVerou/dabblet.css
Created August 5, 2013 03:51
Show Gist options
  • Save loai-kanou/6153391 to your computer and use it in GitHub Desktop.
Save loai-kanou/6153391 to your computer and use it in GitHub Desktop.
Teardrop kitty - By @LeaVerou
/* 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%);
}
<img src="http://placekitten.com/200/200" />
<div class="teardrop"><img src="http://placekitten.com/200/200" /></div>
// alert('Hello world!');
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment