Sample: Simple CSS animation

by 320nn

HTML

<h1>Hello World</h1>

CSS

h1 {
	animation-name:		fadeIn;
	animation-duration:	2s;
}
 
/* Animations */
 
@keyframes fadeIn {
	from {
		opacity:	0;
	}
 
	to {
		opacity:	1;
	}
}