Made this icon purely with CSS3.
For those of you who will read the code: you may see -webkit-mask-image used. I'm not cheating and using an image, I promise! This is used because the webkit engine cannot properly use border-radius and overflow: hidden together; the corners will poke out. This has been fixed in Safari, but Chrome still suffers from this bug, so this is one technique you can use to get around it.
L or F like
Z toggle zoom
Show and tell for designers
What are you working on? Dribbble is a community of designers sharing screenshots of their work, process, and projects.
Copyright © 2009–2016 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.