Seria bom postar o efeito também![]()
Antes de mais nada você precisa criar a div que vamos usar...
Após termos criado a nossa div, vamos configurar nosso css.Código HTML:<div id="box"> </div>
Resultado: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; }
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.
Seria bom postar o efeito também![]()
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:
Achei bem interessante! Parabéns pelo tutorial ^^"
Obs: peço que edite no post Original!
Att.FuryousⱣɃ
Há 1 usuários navegando neste tópico. (0 registrados e 1 visitantes)
Marcadores