Mal implementaram máscaras e gradientes via CSS, os caras do WebKit anunciaram que o sistema de renderização suporta agora também CSS Reflections.
O código base é o seguinte:
-webkit-box-reflect: <direction> <offset> <mask-box-image>
A direção pode ser especificada como above, below, left ou right. Offset é a distância da imagem original para o reflexo, que pode ser omitida, assumindo o valor padrão 0. O terceiro parâmetro é uma imagem de máscara, também opcional.

Quer pirar o cabeção? Os reflexos alteram-se automática e imediatamente junto com a fonte. Isso significa que, se aplicados a um menu com hover, por exemplo, eles se atualizam enquanto o usuário passa o mouse em cima das opções. A propriedade pode ser aplicada até mesmo para vídeos, que são reproduzidos no reflexo em tempo real.
Eu quero! Eu quero!! :D
Por favor, atualize esta página e/ou certifique-se de que a excecução de JavaScripts está habilitada no seu navegador.
↪ Eike Batista afirma ter se reunido com o CEO da Apple, Tim Cook, agora há pouco
114 comentários
↪ Eis o comercial do Super Bowl da Samsung, mais uma vez atacando usuários de iPhones
95 comentários
Rumor: iPhone 5 e Galaxy S III seriam os primeiros aparelhos a contar com a tecnologia da Liquipel
72 comentários
↪ Empregado da Apple diz que tela do próximo iPad é “verdadeiramente surpreendente”
58 comentários
HTC admite: “Apple estava certa, foi um erro adotar o LTE tão cedo”
51 comentários
Downgrade para Snow Leopard
Úlimo post de: Maddo Garan
PLEX
Úlimo post de: YanMetal
Testar Aplicação
Úlimo post de: Gabriel Vincent
Problema de verificação na App Store
Úlimo post de: Roberto Abbiati
Aplicativo de E-mail
Úlimo post de: Think Different
Navegue pelo nosso histórico mensal de artigos:
· · ·