JSFiddle - React, Tailwind, and code Playground

by Juliana Nascimento

HTML

<title>Animações</title>
		
	
	<body>
	<h1>Bem vindo!</h1>
	
	</body>	

</html>

CSS

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

@keyframes appear { 
	0% { opacity: 0; transform: scale(2); } 
	70% { opacity: 1; transform: scale(1); } 
	100% { transform: scale(1.2); } 
}