Как плавно передвигать блок после появления над ним другого блока на CSS?

Здравствуйте. У меня есть div#1. Я добавляю с помощью js над ним другой блок div#2. Возможно ли только на css сделать так, что бы div#1 плавно отъезжал вниз после добавления div#2? transition не помогает :/

Спасибо.

P.S. Для появления dev#2 я использую animate.css