Siga-nos em...
Follow us on Twitter Follow us on Facebook Watch us on YouTube
Registro


Alpha Servers
Resultados 1 a 4 de 4
  1. #1

    Avatar de L. Silva
    Data de Ingresso
    Jun 2011
    Localização
    Viseu, Portugal.
    Posts
    64
    Agradecido
    1
    Peso da Avaliação
    7

    Padrão Sexy hover com css 3

    Antes de mais nada você precisa criar a div que vamos usar...

    Código HTML:
    <div id="box">
    </div>
    Após termos criado a nossa div, vamos configurar nosso css.

    Código HTML:
    div#box {
       background: #000;
       width: 50px;
       height: 50px;
       float: left;
       transition: background linear 2s;
      -moz-transition: background linear 2s; /* Firefox 4 */
      -webkit-transition: background linear 2s; /* Safari e Chrome */
      -o-transition: background linear 2s; /* Opera */
    }
    
    /* Aqui nos vamos configurar a nossa box para quando passarmos o cursor sobre o mesmo */
    
    div#box:hover {
       background: #FF0;
    }
    Resultado:

    Agradecimento pelo resultado: FuryousⱣɃ

    E assim terminamos esse tutorial
    Autor: L. Silva
    Última edição por L. Silva; 08-09-2012 às 01:41 AM.

  2. #2


    Avatar de Lipe
    Data de Ingresso
    Jan 2012
    Localização
    Campinas
    Posts
    771
    Agradecido
    3
    Agradeceu
    3
    Peso da Avaliação
    13

    Padrão

    Seria bom postar o efeito também

  3. #3

    Avatar de L. Silva
    Data de Ingresso
    Jun 2011
    Localização
    Viseu, Portugal.
    Posts
    64
    Agradecido
    1
    Peso da Avaliação
    7

    Padrão

    Pra postar tenho que ter um servidor web, mas no momento não tenho...
    Quem quiser fazer e postar aqui, esteja a vontade.

  4. #4



    Avatar de Ayrton Ricardo
    Data de Ingresso
    May 2012
    Localização
    Joao Pessoa - PB
    Idade
    22
    Posts
    1.388
    Agradecido
    253
    Agradeceu
    167
    Peso da Avaliação
    20

    Padrão

    Vejam o resultado deste código:



    Achei bem interessante! Parabéns pelo tutorial ^^"
    Obs: peço que edite no post Original!




    Att.FuryousⱣɃ
    Leiam, todo desenvolvedor PHP precisa conhecer: Hidden Content .
    Hidden Content
    Intel core I3-4130@3.4 | Blizzard T2 | GAB85M-D3H | 8 GB 1333 | R9 280x Vapor X OC | AOC 23" 3D | NZXT Phantom | Corsair CX 750

 

 

Informações de Tópico

Usuários Navegando neste Tópico

Há 1 usuários navegando neste tópico. (0 registrados e 1 visitantes)

Tópicos Similares

  1. Sexy Priston tale!
    Por juliatoniazzo no fórum Priston Tales
    Respostas: 0
    Último Post: 06-11-2013, 10:50 PM
  2. |Tutorial| Ratinho Sexy
    Por DetroiT no fórum Iniciantes
    Respostas: 0
    Último Post: 29-08-2011, 03:44 PM

Marcadores

Permissões de Postagem

  • Você não pode iniciar novos tópicos
  • Você não pode enviar respostas
  • Você não pode enviar anexos
  • Você não pode editar suas mensagens
  •