Как сделать плавное появление блока?

Здравствуйте. Подскажите как сделать плавное появление блока номер 2, а не вылетание снизу как сейчас?

setTimeout(function(){$('.block1').fadeOut('fast')},2000);
setTimeout(function(){$('.block2').fadeIn('fast')},2000);

.block1 {
background-color: red;
width: 100px;
height: 100px;
}
 
.block2 {
background-color: green;
width: 100px;
height: 100px;
}

<div class="block1"></div>
<div class="block2" style="display: none;"></div>