Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

rafvenditti

animacao css

Por , em Desenvolvimento frontend

Recommended Posts

rafvenditti    0

rafvenditti
Postado

Tem como eu utilizar o CSS para fazer uma animacao de um retangulo branco de baixo pro meio e se fosse falar em flash um alfa 0% ate 100% com motion tween, agradeco desde ja

Compartilhar este post

Link para o post
Compartilhar em outros sites

André do Vale    76

André do Vale
Postado 
<!doctype html>
<html lang="pt-br" dir="ltr">
<meta charset="utf-8">
<title>Teste iMaster 6/4/2012</title>
<style>
* {
margin: 0;
padding: 0;
border: none;
}
html,
body,
#teste {
height: 100%;
}
body {
background: red;
}
#teste {
width: 200px;
margin: 0 auto;
background: #000;
color: #fff;
}
.teste {
position: absolute;
bottom: 0;
height: 200px;
width: 198px;
color: #fff;
text-align: center;
line-height: 200px;
-webkit-transition: all 3s ease;
-moz-transition: all 3s ease;
-o-transition: all 3s ease;
border: 1px solid #fff;
}
#teste:hover .teste {
background: #fff;
bottom: 50%;
margin: 0 0 -100px 0;
color: red;
}
</style>
<div id="teste">
Passe o mouse aqui na div negra
<div class="teste">Teste</div>
</div>

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito