Как сделать анимацию падающего на пружине объекта?

Тема в разделе "JavaScript", создана пользователем ITeshnik, 15 июн 2014.

Модераторы: ZiX
  1. ITeshnik

    ITeshnik Постоялец

    Регистр.:
    21 май 2007
    Сообщения:
    105
    Симпатии:
    5
    В общем задача такая есть телефо, стационарный, на нм трубка, наводишь на него, трубка падает и качается на пружинке.
    На сайте юзаю jquery
    Буду рад любым подсказкам.
     
  2. Platton

    Platton Постоялец

    Регистр.:
    10 май 2014
    Сообщения:
    77
    Симпатии:
    18
    Можно реализовать следующее решение:
    1. Есть два изображения - 1 стационарное телефон с трубкой, 2 изображение армированное с падающей трубкой;
    2. Саму анимацию телефона с падающей трубкой можно легко сделать в фотошопе.
    3. При помощи JS, когда наводишь курсором мышки на стационарное изображение, в этот момент оно подменяется анимированым;
     
  3. user8730

    user8730 Создатель

    Регистр.:
    16 авг 2014
    Сообщения:
    27
    Симпатии:
    7
  4. Serik_S

    Serik_S Писатель

    Регистр.:
    6 ноя 2014
    Сообщения:
    14
    Симпатии:
    0
    можно прикрутить векторную картику svg и через js менять позиции элементов.
    Но думаю проще вариант, через СSS :