Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Как реализовать такой тайм-лайн ? (https://javascript.ru/forum/misc/80348-kak-realizovat-takojj-tajjm-lajjn.html)

Some Way 25.05.2020 21:22

Как реализовать такой тайм-лайн ?
 
Вложений: 1
Подскажите пожалуйста, как и с помощью каких ресурсов можно реализовать данную задачу ?!

На скрине представлен таймлайн.
Принцип работы таймлайна: работает на клик или скрол в области круга (веб версия), только
клик (планшет), только скрол (мобайл).
Клик на определенную дату - цепочка с датами перемещается по окружности круга, пока
выбранная дата не остановится на центральной оси. После этого дата отображается в
блоке справа с соответствующим ей описанием в несколько строк.
Скрол в области круга - по аналогии с кликом.
Полоска с градиентом напротив выбранной даты плавно проявляется слева направо (набирая постепенно насыщенность).
Заголовок над датой фиксированный и не меняется.


Часовой пояс GMT +3, время: 10:24.