Recentemente, procurei o código-fonte de um aplicativo no site itunes.apple.com e notei ao acessar a imagem do aplicativo que a imagem subjacente é ao quadrado! Isso significa que a Apple, de alguma forma, "envolve" visualmente a imagem com alguma técnica para fazê-la parecer como se tivesse cantos arredondados! Como não sou especialista em tais detalhes, gostaria de saber como a Apple consegue isso.
O motivo é que, na minha opinião, essa exibição visual de todos os aplicativos (também no software iTunes App Store) é um aspecto crucial e consistente da exibição de aplicativos da Apple. Como eu quero trabalhar em algo relacionado aos aplicativos da Apple (e talvez também se inscreva no programa de afiliados deles, o que pode responder a essa pergunta, mas ainda não o fiz), então preciso ser informado sobre esse problema.
Obrigado por sua ajuda com antecedência.
fonte
Respostas:
O truque é sobrepor um ícone de máscara que contenha uma borda e alguma sombra. Com CSS, isso é posicionado exatamente acima do ícone subjacente.
Esta é a imagem: http://r.mzstatic.com/htmlResources/F96C/images/mask175.png
Se tudo o que você precisa são cantos arredondados, há alguns truques apenas do CSS (3) para isso, embora pareça um pouco diferente.
fonte