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.