-
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:
[Only registered and activated users can see links. Click Here To Register...]
Agradecimento pelo resultado: FuryousⱣɃ
E assim terminamos esse tutorial :)
Autor: L. Silva
-
Seria bom postar o efeito também :D
-
Pra postar tenho que ter um servidor web, mas no momento não tenho...
Quem quiser fazer e postar aqui, esteja a vontade.
-
Vejam o resultado deste código:
[Only registered and activated users can see links. Click Here To Register...]
Achei bem interessante! Parabéns pelo tutorial ^^"
Obs: peço que edite no post Original!
Att.FuryousⱣɃ