Как сверстать блок, плавно появляющийся из ниоткуда и отодвигающий контент?

Question

[Soft_touch_plastic]

Добрый день, нужно сделать блок ошибки, который скрыт, при удалении у него класса .error-hide он должен появляться из ниоткуда и отодвигать собой контент ниже. Не могу понять как это сделать.
Вот так закрыто

А вот он появляется

Какие стили нужны для такого перехода?

Answer 1

[Олег]

Если хотите, чтобы блок расширялся от центра в стороны, ещё нужно анимировать стили left и top