Como a Apple consegue o visual wrap para formar seus ícones da App Store no itunes.apple.com? [fechadas]


0

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.


2
Você pode verificar o "outro" site do Stack Exchange para desenvolvedores da Web, pois eles podem fornecer uma melhor visão sobre esse "truque". Até stackoverflow.com pode ser mais adequado.
Martin Marconcini

Esta não é uma pergunta sobre o software da Apple; é uma pergunta sobre desenvolvimento da Web. Consulte as Perguntas frequentes para obter mais informações. Obrigado.
Nathan Greenstein

Ok, desculpe pessoal, verifiquei as perguntas frequentes de antemão (!), Mas acho que as interpretei mal ... As perguntas frequentes falam sobre produtos e SERVIÇOS da Apple! Talvez esclareça o FAQ, então isso não aconteceria.
precisa saber é o seguinte

E @ MartínMarconcini, você quer dizer a troca de pilha "webmaster" ou "programador" ou qual? Não há nenhum chamado "web devs".
precisa saber é o seguinte

@ grunwald2.0 Eu acredito que o mais adequado é graphicdesign.stackexchange.com
Martin Marconcini

Respostas:


2

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.

Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.