Angular: Empty Fiddle

http://angularjs.org/

HTML

<script src="http://code.angularjs.org/angular-1.0.1.js"></script>
<div ng-controller="MainController">
	<ul>
		<li ng-repeat="item in items">{{ item }}</li>
	</ul>
</div>

CSS

li {
	transition: all 0.7s;
}

li.ng-enter {
	opacity: 0;
	-webkit-transform: scale(0.6);
        transform: scale(0.6);
}

JavaScript

var myApp = angular.module('myApp',['ngAnimate']);

myApp.controller("MainController", function($scope, $timeout) {
	$scope.items = [];

	$timeout(function() {
		var data = [123, 1234, 9812];
		$scope.items = data;
	}, 2000);
});