GSAP

	var tl = new TimelineLite();
	tl.staggerFrom('.box', 0.5,
	{
		opacity:0, 
		scale:0, 
		rotation:-180
	},
	0.3)
	.staggerTo('.box', 0.3, {scale:0.8}, 0.3, 0.7);

CSS

.animated {
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	animation-duration: 1s;
}
@-webkit-keyframes introAnimation {
	0% {
		-webkit-transform: scale(0) rotate(-180deg) ;
		opacity: 0;
	}
	50% {
		-webkit-transform: scale(1) rotate(0deg) ;
		opacity: 1;
	}
	70% {
		-webkit-transform: scale(1) rotate(0deg);
	}
	100% {
		-webkit-transform: scale(0.8) rotate(0deg);
	}
}
.introAnimation {
		-webkit-backface-visibility: visible !important;
		-webkit-animation-name: introAnimation;
		-moz-backface-visibility: visible !important;
		-moz-animation-name: introAnimation;
		backface-visibility: visible !important;
		animation-name: introAnimation;
	}
	.two {
		-webkit-animation-delay: 0.3s;
		-moz-animation-delay: 0.3s;
				animation-delay: 0.3s;
	}
	.three {
		-webkit-animation-delay: 0.6s;
		-moz-animation-delay: 0.6s;
				animation-delay: 0.6s;
	}
	.four {
		-webkit-animation-delay: 0.9s;
		-moz-animation-delay: 0.9s;
				animation-delay: 0.9s;
	}