Animação CSS
estou com um exemplo de animação com CSS, mas não ta funcionando.
html
css
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
Curtidas 0
Respostas
Marcelo Pastore
16/07/2013
Roniere, eu testei seu codigo e descobri o problema, mas me diga qual seu navegador.
GOSTEI 0
Roniere Almeida
16/07/2013
google chrome.
GOSTEI 0
Marcelo Pastore
16/07/2013
notei que nele não funciona, testa no firefox.
GOSTEI 0
Roniere Almeida
16/07/2013
infelizmente é isso mesmo, tenho que aprender a testar com os principais browsers.
vlw!!!
vlw!!!
GOSTEI 0
Roniere Almeida
16/07/2013
infelizmente é isso mesmo, tenho que aprender a testar com os principais browsers.
vlw!!!
vlw!!!
GOSTEI 0
Marcelo Pastore
16/07/2013
de nada Roniere!!! boa sorte!!!
GOSTEI 0
Joel Rodrigues
16/07/2013
E qual era o problema?
GOSTEI 0
Roniere Almeida
16/07/2013
essa animação não funciona do google chrome, só isso.
GOSTEI 0
Joel Rodrigues
16/07/2013
Você tem que usar o prefixo -webkit para funcionar no Chrome e Opera.
GOSTEI 0
Joel Rodrigues
16/07/2013
Opera não, Safari.
GOSTEI 0
Marcelo Pastore
16/07/2013
Você tem que usar o prefixo -webkit para funcionar no Chrome e Opera.
me lembrei disso tarde, hahahaha
GOSTEI 0
Roniere Almeida
16/07/2013
Você tem que usar o prefixo -webkit para funcionar no Chrome e Opera.
pq o opera fica de fora?
GOSTEI 0
Joel Rodrigues
16/07/2013
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.
Por isso surgiram os prefixos criados pelos fabricantes para permitir o uso de algumas coisas em seus browsers.
GOSTEI 0