Есть блоки внутри контейнера:один -ссылка link, второй-контент content. Как сделать,чтобы при наведении на link, он плавно трансформировался в контент, а при убирании курсива content плавно переходил обратно в link? Желательно без js
<div class="container">
<div class="link" style="background-color:red;width:200px;height:100px;"></div>
<div class="content" style="background-color:green;width:200px;height:300px;"></div>
</div>