Насколько адекватно данное решение?
По поводу transition, просто к .content добавьте left, top.
А вообще, вешать анимацию на top/left/right/bottom не хорошо, используйте transform:translate, жрёт гораздо меньше ресурсов браузера и не придётся юзать position: fixed
Очень похоже на Sidr я им лично пользовался в паре проектов.