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

Тема в разделе "Верстка", создана пользователем artefakt777, 26 июл 2015.

Информация :
Уважаемые пользователи, прежде чем ответить в теме или создать новую, внимательно ознакомьтесь с Правилами раздела и Правилами форума
Для быстрого поиска ответов на ваши вопросы воспользуйтесь Картой раздела и/или Поиском по разделу
Статус темы:
Закрыта.
Модераторы: ultra
  1. artefakt777

    artefakt777

    Регистр.:
    15 июл 2012
    Сообщения:
    455
    Симпатии:
    119
    Приветствую, есть задача сделать, чтобы при загрузке сайта открывались двери лифта. Т.е. на всю страницу из центра одна дверь скользит влево, вторая соответственно вправо. Где то видел на css реализацию, но так и не нашел.
    Без имени-5.jpg
     
  2. slim84

    slim84 Постоялец

    Регистр.:
    28 апр 2008
    Сообщения:
    52
    Симпатии:
    18
  3. guru31337

    guru31337 Постоялец

    Регистр.:
    8 сен 2012
    Сообщения:
    60
    Симпатии:
    28
    Немного оптимизировал, чтобы двери адаптивно занимали всю ширину страницы. http://jsfiddle.net/wozspn0h/2/
    Но я так понимаю нужно, чтобы это делалось автоматически при загрузке сайта, а в таком случае лучше jquery подключить.
    .delay(1000) - задержка перед открыванием дверей после загрузки сайта, а с анимацей много возможностей, можно двери с ускорением/замедлением открывать, например.
    Только советую нарисовать двери в векторе и вставлять в svg на background, чтобы всё было красиво. Но тогда предыдущий вариант работать будет плохо, так как двери сжимаются...
    Поэтому вот относительно оптимальное решение, на мой взгляд) http://jsfiddle.net/wozspn0h/6/
     
    artefakt777 нравится это.
Статус темы:
Закрыта.