F�rum Anima��o CSS #448698

16/07/2013

estou com um exemplo de anima��o com CSS, mas n�o ta funcionando.

html


<html>
	<head>
		<title>T�tulo da p�gina</title>
		<link href="estilo_01.css" rel="stylesheet" type="text/css" />	
	</head>
	<body class="aula26">
		<div>
			qualquer texto	
		</div>
	</body>
</html>

css


@Keyframes animacaoAula26 {
	0% {
		background: black;
		width: 100px;
		position: absolute;
		top: 5px;
		left: 5px;
	}
	
	25% {
		background: blue;
		width: 150px;
		position: absolute;		
		left: 400px;
	}
	
	50% {
		background: red;
	}
	
	75% {
		background: yellow;
		top:200px;
	}
	
	100% {
		background: green;
	}
}

Roniere Almeida

Curtir t�pico

+ 0

Responder

Posts

17/07/2013

Marcelo Pastore

Roniere, eu testei seu codigo e descobri o problema, mas me diga qual seu navegador.

Responder

Gostei + 0

17/07/2013

Roniere Almeida

google chrome.

Responder

Gostei + 0

17/07/2013

Marcelo Pastore

notei que nele n�o funciona, testa no firefox.

Responder

Gostei + 0

17/07/2013

Roniere Almeida

infelizmente � isso mesmo, tenho que aprender a testar com os principais browsers.

vlw!!!

Responder

Gostei + 0

17/07/2013

Roniere Almeida

infelizmente � isso mesmo, tenho que aprender a testar com os principais browsers.

vlw!!!

Responder

Gostei + 0

17/07/2013

Marcelo Pastore

de nada Roniere!!! boa sorte!!!

Responder

Gostei + 0

17/07/2013

Joel Rodrigues

E qual era o problema?

Responder

Gostei + 0

18/07/2013

Roniere Almeida

essa anima��o n�o funciona do google chrome, s� isso.

Responder

Gostei + 0

18/07/2013

Joel Rodrigues

Voc� tem que usar o prefixo -webkit para funcionar no Chrome e Opera.

Responder

Gostei + 0

19/07/2013

Joel Rodrigues

Opera n�o, Safari.

Responder

Gostei + 0

22/07/2013

Marcelo Pastore

Voc� tem que usar o prefixo -webkit para funcionar no Chrome e Opera.

me lembrei disso tarde, hahahaha

Responder

Gostei + 0

22/07/2013

Roniere Almeida

Voc� tem que usar o prefixo -webkit para funcionar no Chrome e Opera.

pq o opera fica de fora?

Responder

Gostei + 0

22/07/2013

Joel Rodrigues

Algumas propriedades n�o foram implementadas como padr�o em todos os browsers. Uns fizeram primeiro, outros depois, cada um fez do seu jeito, e por a� vai.
Por isso surgiram os prefixos criados pelos fabricantes para permitir o uso de algumas coisas em seus browsers.

Responder

Gostei + 0