http://learn.javascript.ru/play/AjmqXb
<!DOCTYPE HTML>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
<style>
#list > li {
margin: 10px;
opacity: 0;
transform: scale(0, 0);
-moz-transform: scale(0, 0);
-o-transform: scale(0, 0);
-webkit-transform: scale(0, 0);
transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
-webkit-transition: all 0.3s;
}
</style>
</head>
<body>
<ul id="list">
<li>Лист 1</li>
<li>Лист 2</li>
<li>Лист 3</li>
<li>Лист 4</li>
<li>Лист 5</li>
</ul>
<script>
$(function () {
var list = $('#list > li'),
i = 0,
int = setInterval(function() {
if(i > list.length) clearInterval(int);
list.eq(i++).css({opacity: 1, transform: 'scale(1, 1)'});
}, 250);
});
</script>
</body>
</html>
