GUJ Discussões   :   últimos tópicos   |   categorias   |   GUJ Respostas

CSS animation não funciona


#1

Estou seguindo o livro da Casa do Código - “HTML5 e CSS3 - Domine a Web do futuro” e não consigo fazer o exemplo da animação funcionar. Onde estou errando?

HTML:

<!DOCTYPE html>
<html>
	<head>
		<title>Paginazinha</title>
		<link href="css/style.css" rel="stylesheet">
	</head>
	
	<body>
	<h1>Bem vindo!</h1>

	</body>	
</html>

CSS3:

h1{
	animation: appear 2s 0 linear; 
	color: #000;
	font-size: 1.4em;
	text-align: center;
	transform: scale(1.2); 
	transform-origin: 50% 50%; 
}
@keyframes appear { 
	0% { opacity: 0; transform: scale(2); } 
	70% { opacity: 1; transform: scale(1); } 
	100% { transform: scale(1.2); } 
}