Эффект открывающихся дверей

[artefakt777]

Приветствую, есть задача сделать, чтобы при загрузке сайта открывались двери лифта. Т.е. на всю страницу из центра одна дверь скользит влево, вторая соответственно вправо. Где то видел на css реализацию, но так и не нашел.

 

[slim84]

Вариантов несколько, вот набросал один - Для просмотра ссылки Войди или Зарегистрируйся

 

[guru31337]

Немного оптимизировал, чтобы двери адаптивно занимали всю ширину страницы. Для просмотра ссылки Войди или Зарегистрируйся
Но я так понимаю нужно, чтобы это делалось автоматически при загрузке сайта, а в таком случае лучше jquery подключить.
.delay(1000) - задержка перед открыванием дверей после загрузки сайта, а с анимацей много возможностей, можно двери с ускорением/замедлением открывать, например.
Только советую нарисовать двери в векторе и вставлять в svg на background, чтобы всё было красиво. Но тогда предыдущий вариант работать будет плохо, так как двери сжимаются...
Поэтому вот относительно оптимальное решение, на мой взгляд) Для просмотра ссылки Войди или Зарегистрируйся