Wie erreicht Apple den visuellen „Wrap“ für die App Store-Symbole auf itunes.apple.com? [geschlossen]

0

Vor kurzem habe ich den Quellcode einer App auf der Website itunes.apple.com überflogen und beim Zugriff auf das App-Image festgestellt, dass das zugrunde liegende Image ein einfaches Quadrat ist! Dies bedeutet, dass Apple das Bild irgendwie mit einer Technik visuell "umhüllt", damit es so aussieht, als ob es abgerundete Ecken hätte! Da ich kein Experte für solche Details bin, möchte ich noch wissen, wie Apple dies erreicht.

Der Grund dafür ist meiner Meinung nach, dass diese visuelle Anzeige aller Apps (auch in der iTunes App Store-Software) ein entscheidender, konsistenter Aspekt der App-Anzeige von Apple ist. Da ich an etwas im Zusammenhang mit Apple-Anwendungen arbeiten möchte (und mich möglicherweise auch für das zugehörige Partnerprogramm anmelde, das diese Frage möglicherweise beantwortet, dies jedoch noch nicht getan hat), muss ich über dieses Problem informiert werden.

Danke im Voraus für Ihre Hilfe.

grunwald2.0
quelle
2
Vielleicht möchten Sie die "andere" Stack Exchange-Site nach Web-Entwicklern durchsuchen, um einen besseren Einblick in diesen "Trick" zu erhalten. Sogar stackoverflow.com ist möglicherweise besser geeignet.
Martin Marconcini
Dies ist keine Frage zu Apple-Software. Es ist eine Frage zur Webentwicklung. Bitte werfen Sie einen Blick auf die FAQs für weitere Informationen. Vielen Dank.
Nathan Greenstein
Ok, sorry Leute, ich habe die FAQs vorher geprüft (!), Aber ich glaube, ich habe sie falsch interpretiert ... Die FAQs sprechen über Apple-Produkte und -DIENSTE! Vielleicht die FAQ klären, dann würde es nicht passieren.
grunwald2.0
Und bei MartínMarconcini meinst du den "Webmaster" oder "Programmierer" Stackexchange oder welchen? Es gibt keine mit dem Namen "web devs".
grunwald2.0
@ Grunwald2.0 Ich glaube, die am besten geeignete ist graphicdesign.stackexchange.com
Martin Marconcini

Antworten:

2

Der Trick besteht darin, ein Maskierungssymbol zu überlagern, das einen Rand und Schatten enthält. Bei CSS wird dies genau über dem darunter liegenden Symbol positioniert.

Dies ist das Bild: http://r.mzstatic.com/htmlResources/F96C/images/mask175.png

Wenn Sie nur abgerundete Ecken benötigen, gibt es einige CSS (3) -Nur-Tricks, die jedoch etwas anders aussehen.

Debilski
quelle