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!! ![]()







Frederico Cintra
30/04/2008 às 12:24
Esses códigos serão padronizados para que outros navegadores possam implementar?
Usando oandré
30/04/2008 às 12:48
esses reflexos, bordas, elementos orgânicos são usados indiscriminadamente e enchem o saco. esse estilo visual web 2.0 já deu o que tinha que dar. eu sou a favor da morte ao reflexo mal usado! e com isso agora mais fácil, creio que qquer mané vai encher seu site horroroso com mil e um reflexos. efeitos são mais facilmente usados para o mal que para o bem.
Usando oMarcus Roberto
30/04/2008 às 13:06
BARALHO!!! Em vídeos também? Nossa senhora, o que vai ter computador popular travando não vai ser brincadeira, heheheh. Muito bom mesmo, hein…
Usando oCelso Dantas
30/04/2008 às 13:38
E q pena q pouca gente usa o safari. =/
Usando oou os outros navegadores (lê-se principalmente o IE) tb não dão esse gas q nem o safari tá dando.
Márcio Doratiotto
30/04/2008 às 13:39
É, realmente pc do milhão não vai rodar… mas pensando bem, que sites esse pessoal visita além do Orkut e Hotmail?
Usando oChristian
30/04/2008 às 14:41
O importante é se atentar à tecnologia nesse momento. Se vão fazer uso indiscriminado? Os maus designers ou os programadores metidos a designers vão com certeza fazer. Assim como faziam com aqueles efeitos de blink e marquee nos primórdios da web.
Usando oO que importa é que depois de um tempo, os bons trabalhos serão filtrados, e a tecnologia ficará aí disponivel para quem precisar usar.
Guilherme Serrano
30/04/2008 às 14:59
“o que vai ter computador popular travando não vai ser brincadeira”
é, quero só ver… haha
mas a novidade é legal, SE BEM utilizado pode ser muito útil
Usando oTiago Celestino
01/05/2008 às 00:26
Usando o reflection.js, fica fácil exibir em todos os browsers, agora se bem que os outros navegadores poderiam implementar algo parecido, seria muito mais bacana.
Usando o