Comment obtenir l'effet de verre d'icône de l'App Store sur une page Web?

Existe-t-il un moyen simple d'afficher l'icône de mes applications iPhone sur ma page Web de la même manière qu'elles apparaissent dans l'appstore (par exemple avec l'effet de verre et de préférence avec réflexion)? J'ai très peu d'expérience en codage web donc un exemple de code que je pourrais simplement copier et coller serait génial si c'est possible. Merci pour toute aide.Comment obtenir l'effet de verre d'icône de l'App Store sur une page Web?

Source

2009-11-26 CG.

pas l'effet de verre, mais vous pouvez obtenir les coins arrondis et la réflexion en utilisant ce CSS:

-webkit-box-reflect:below 0px -webkit-gradient(linear, left top, left bottom, 
     from(transparent), color-stop(0.8, transparent), to(rgba(0,0,0,0.5))); 
    -webkit-border-radius:12px; 
    -moz-border-radius:12px;

Il ne fonctionne que pour la réflexion dans WebKit navigateurs (pas encore tous) et les coins arrondis travailler aussi dans FireFox.

Source

2009-11-26 08:39:05

Je voudrais accepter les deux réponses ici, puisque ce que j'ai réellement fait était de télécharger l'image à partir de flavorstudios, de la réparer, puis d'utiliser ce code de réflexion. J'ai choisi cela comme étant le meilleur puisque le site est un peu ennuyeux en ce sens que vous devez recadrer l'image vous-même et refaire la transparence. Cela prend <1 min pour faire ceci mais j'ai dû baser le choix sur quelque chose. Merci beaucoup à vous deux. –

Comment obtenir l'effet de verre d'icône de l'App Store sur une page Web?

Répondre

Questions connexes