Pure CSS3 iTunes Icon

Made this icon purely with CSS3.

http://www.johnshammas.com/demos/css3-itunes

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.

View all tags
Posted on Oct 8, 2012

More by John Shammas

View profile