Blog

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: , , , , ,

6 comentários para “Criando um efeito rollover com CSS”

RSS dos comentários deste post
  1. 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.

  2. 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

  3. alexandre ribeiro 28/10/2007 às 9:38 am

    otimo tutorial, já coloquei em pratica obrigado

  4. Erika Sarti 30/10/2007 às 7:13 am

    Ô_____o

  5. 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…