Criando um efeito rollover com CSS
23 de Outubro de 2007
O efeito rollover é aquele que troca uma imagem por outra quando o usuário passa o mouse sobre ela. Quando bem usado, esse recurso pode incrementar uma página ou um site de maneira significativa. A maneira mais comum de obtermos esse efeito é através de um código em JavaScript, mas também é possível chegar a esse resultado apenas com CSS. É isso que você verá neste rápido tutorial. Antes de prosseguir, saiba que é importante ter algum conhecimento de HTML ou mesmo de CSS para que o procedimento dê certo.
Continue lendo “Criando um efeito rollover com CSS” no InfoWester…
Posts relacionados:
Postado em Artigos, CSS, Tutoriais
Tags: artigo, CSS, efeito, rollover, tutorial, web design


Rê 27/10/2007 às 9:16 am
Adorei! Eu não tinha idéia de que era possível fazer isso com CSS. Aliás, pra chegar nesse resultado o DreamWeaver cria um código gigante que eu nunca entendi direito.
Erika Sarti 27/10/2007 às 9:19 am
Dreamweaver? Ah me poupe =P
É por isso que eu gosto de escrever meus códigos na mão, assim eu tenho total controle do que está acontecendo.
Mas gosto é gosto ;D
alexandre ribeiro 28/10/2007 às 9:38 am
otimo tutorial, já coloquei em pratica obrigado
Erika Sarti 30/10/2007 às 7:13 am
Ô_____o
Eduardo Santos 30/10/2007 às 1:23 pm
E eu que nem sabia o que era o Twitter, fui descobrir lá no Intercon!
Gostei muito do teu Blog Guria…parabens!
Dê uma olhada em meu site.
Leia tbm meu artigo no Web Insider:
Conceitos de Design
Até mais…