Как такое сверстать?

Question

[Александр Осадчий]

Здравствуйте!

Сижу, головку ломаю..

Есть вот такой блок:


При клике на центральную точку (с синей заливкой) должно произойти так:


И в догонку к этому еще и скроллбар (Когда элементов в списке много)..

Жесть какая-то.. никому не попадалось что-то подобное?

Answer 1

[hzzzzl]

аккуратно шаг за шагом всё стилизовать и анимировать



итд,

Тут просто рутина

Comments

[Александр Осадчий]

Вообще круто - спасибо большое!

Answer 2

[twentytvvo]

Как это сделать по людски:

1. Сверстать статику на HTML, CSS.
   
2. Стилизовать анимацию в CSS.
   
3. Скриптовать нажатия и смену стилей в JS.
   
   

Вариант для ленивых или для халтуры:
Найти похожее на https://codepen.io/ и допилить под себя.