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