Как реализовать такой тайм-лайн ?
Вложений: 1
Подскажите пожалуйста, как и с помощью каких ресурсов можно реализовать данную задачу ?!
На скрине представлен таймлайн. Принцип работы таймлайна: работает на клик или скрол в области круга (веб версия), только клик (планшет), только скрол (мобайл). Клик на определенную дату - цепочка с датами перемещается по окружности круга, пока выбранная дата не остановится на центральной оси. После этого дата отображается в блоке справа с соответствующим ей описанием в несколько строк. Скрол в области круга - по аналогии с кликом. Полоска с градиентом напротив выбранной даты плавно проявляется слева направо (набирая постепенно насыщенность). Заголовок над датой фиксированный и не меняется. |
Часовой пояс GMT +3, время: 10:24. |