Como criar efeito em div

[blayck 0]

Pessoal,

 

 

Qual o nome desse efeito que ao passar o mouse sobre a "div" sobe uma espécie de tarja transparente?

 

Igual a este: http://radardedescontos.com.br/descontos-para-fortaleza.html#rmcl

[bhion 1]

hover

[reidark 5]

Ele colocou um efeito pra acresentar uma margem com drop shadow azul, provavelmente uma opacidade maior e colocou pra subir a div.

Tudo em estado "hover".

[EduardoAugustoPHP 27]

Amigão o exemplo que vc deixou acima utiliza uma animação com Jquery. O efeito ocorre no envendo MouseOver, porém naquela caso é JQuery.

 

Pela animação e compatibilidade com navegadores é o mais recomendável.

 

Abs

[blayck 0]

Algum exemplo?

[caio0220 1]

Não faça por script. Use o animate do CSS3, é bem melhor. deixe os navegadores mais antigos blocados mesmo.

Eu já estou começando a fazer avisos de atualizações nos meus projetos para usuários que acessam de navegadores antigos (isso deve ser acordado com o cliente), vamos começar a nos preocuparmos menos com isso (claro que nada precisa estar quebrado) e tentar forçar o pessoal a atualizar o navegador.

 

Procure sobre:

- animate CSS3

- CSS box-shadown (http://css3generator.com/)

[bhion 1]

Faz em jQuery cara, não é muito complicado não.

[am designer 7]

Use jQuery man!

[EduardoAugustoPHP 27]

Não faça por script. Use o animate do CSS3, é bem melhor. deixe os navegadores mais antigos blocados mesmo.

Eu já estou começando a fazer avisos de atualizações nos meus projetos para usuários que acessam de navegadores antigos (isso deve ser acordado com o cliente), vamos começar a nos preocuparmos menos com isso (claro que nada precisa estar quebrado) e tentar forçar o pessoal a atualizar o navegador.

 

Procure sobre:

- animate CSS3

- CSS box-shadown (http://css3generator.com/)

CSS3 Não funciona no IE e até mesmo no FF (alguns recursos).

 

Você já encontrou a solução?

Vamos fazer juntos?

 

Abs

[Vanilson 2]

Dá uma olhada nesse post http://forum.imasters.com.br/topic/490427-fazer-esse-efeito/ , estude tambem sobre box-shadow em css3. Acho que isso irá te ajudar.

[Kelsam 0]

Você consegue fazer isso aí muito mais facilmente com CSS3. Uso toda hora, é muito simples. Procura uns tutoriais na internet sobre o assunto, vai ficar fascinado.

Pesquisa coisas do tipo: CSS3 Animations.

[@gsales_ 0]

para a legenda animada: use o .animate() do jQuery manipulando o valor do top;

para a borda o bg e afins use o :hover do css mesmo.