Разместите свой проект бесплатно и начните получать предложения от фрилансеров-исполнителей уже спустя минуты после публикации!

Анимация блока на сайте

истекло время актуальности


Сделать анимацию одного блока на странице, имеется отрисованный макет одного блока к заданию приложу.
Задача следущая:
1. На картинке отрисованы торговые свечи, их нужно анимировать в движения, с лева на право что бы двигались и возростали и уменьшались.
2. Иконки людей которые отображены на этой странице должны также двигаться со свечами.
3. Иконки двигаются в таком виде в котором они отображены, когда иконка становится в центр он раскрываться показывается инфа, это букавально 4-5 сек и после закрывается и двигается дальше и так каждая все по кругу примерно 5 иконок. 


Скрин что нужно анимировать: http://prntscr.com/mj4moo



Обновление #1 от 12 февраля в 22:14
https://codepen.io/davidrogers/pen/KJymOq вот не совсем пример такой как надо но все же, перевернуть на 90* и сделать анимацию в виде свечей по примеру скрина который я сбросил


  1. 2 дня500 ₴
    Василий
    Василий Петров
    148   

    Задать такую анимацию можно если только у вас есть такие свечи в пнг формате ! Каждая свеча в отдельности ! Тогда да можно ! А просто взять и заставить вот эту картинку анимировать это не так просто ! Если есть у вас всё готов сделать не вопрос !
    Конечно можно и через СSS нарисовать сами свечи ! Но это будет дороже!
    Пишите сделаю!
    Канвас как потом адаптировать ??? Я сделаю чисто кейфреймами! Пару анимации и чисто CSS

    Казахстан Казахстан | 12 февраля в 22:34 |
  2. 1 день500 ₴
    Денис
    Денис Бугабу
    431     4  0

    Готов сделать на canvas, так как анимация не простая, пример моих работ на canvas можете посмотреть у меня в портфолио, готов взяться сегодня, гарантирую качество и скорость.

    Украина Харьков | 12 февраля в 22:01 |
  3. 1 день400 ₴
    Дмитрий
    Дмитрий Суворов
    517     24  1

    Здравствуйте, буду рад сотрудничеству!
    Мой Skype, Telegram: DmtSuvorov

    Украина Киев | 12 февраля в 23:27 |
  4. 2 дня400 ₴
    Артем
    Артем Леонтьев
    109   

    Могу попробывать выполнить данную задачу если заинтерисовал в лс

    Казахстан Алматы (Алма-Ата) | 13 февраля в 07:33 |
  5. 3 дня500 ₴
    Надежда
    Надежда Яновская
    450     2  0

    Здравствуйте.
    Имеется опыт анимации объектов.
    Если объекты надо будет создавать заново - будет дольше и дороже.

    Украина Киев | 19 февраля в 17:21 |
  • Василий Петров
    12 февраля в 22:05 |

    ГОША ДУДАРЬ ТЫ ЛИ ЭТО???))))))))

  • Василий Петров
    12 февраля в 22:05 |

    ГОША ДУДАРЬ ТЫ ЛИ ЭТО???))))))))

  • Владислав Карпенко
    12 февраля в 22:09 |
    1. Вы уверены, что анимация движения торговых свечей с иконками должна быть слева направо? Т.е. имитируем возврат во времени к прошлым "показателям" и сделанным ранее "достижениям трейдеров". Если необходимая аналогия развития ситуации во времени, возможно, лучше движение справа налево + появление актуальных торговых свечей у правого края.
    2. "возрастали и уменьшались" имеется ввиду итоговая кривая графика либо дополнительная анимация высоты и положения самих свечей?
  • Надежда Яновская
    19 февраля в 17:23 |

    А свечи по отдельности есть?

    Если да, то в каком формате?