Pure CSS3 iTunes Icon

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.

keyboard shortcuts: L or F like Z toggle zoom post comment