JQuery | Reflection e Shadow

Posted on November 4, 2009

0


Na documentação do JQuery não existe um efeito específico para reflection ou shadow, porém é possível chegar neles combinando duas outras funcões.

Uma, talvez a mais simples, é o hover. A function hover recebe dois parametros, obviamente o que deve acontecer antes e depois do evento ocorrer.

Combinando o hover com o animate é possível afastar elementos mudando características como “top”, “opacity”, etc.

Picture 11

O código abaixo é o core para criar um reflection com JQuery:

Picture 10

O demo e o fonte para download podem ser vistos clicando abaixo:
Picture 7

Posted in: javascript, jquery