Как получить эффект стекла значка магазина приложений на веб-странице? - PullRequest
Новая
       17

Как получить эффект стекла значка магазина приложений на веб-странице?

0 голосов
/ 26 ноября 2009

Есть ли какой-нибудь простой способ отобразить значок для моих приложений iphone на моей веб-странице так же, как они выглядят в магазине приложений (т.е. с эффектом стекла и предпочтительно с отражением)? У меня очень мало опыта в веб-кодировании, поэтому некоторые примеры кода, которые я мог бы просто скопировать и вставить, были бы хороши, если это возможно. Спасибо за любую помощь.

1 Ответ

0 голосов
/ 26 ноября 2009

Не эффект стекла, но вы можете получить закругленные углы и отражение, используя этот 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;

Это работает только для отражения в WebKit-браузерах (еще не все), а закругленные углы также работают в FireFox.

...