WebKit ganha suporte para reflexos via CSS
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
Esses códigos serão padronizados para que outros navegadores possam implementar?
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.
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…
E q pena q pouca gente usa o safari. =/
ou os outros navegadores (lê-se principalmente o IE) tb não dão esse gas q nem o safari tá dando.
É, realmente pc do milhão não vai rodar… mas pensando bem, que sites esse pessoal visita além do Orkut e Hotmail?
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.
O que importa é que depois de um tempo, os bons trabalhos serão filtrados, e a tecnologia ficará aí disponivel para quem precisar usar.
“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 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.
[...] web armazenarem informações localmente sem a necessidade de conexão com a internet, além de CSS3 para efeitos avançados e animações sem a necessidade de plugins. Graças a isso, ele é o [...]