Как сделать необычный эффект на css?

Question

[WebforSelf]

Подскажите, есть идея сделать так, чтоб при скролле к данному блоку полоска справа анимированно бежала на карту и там появлялся круг, только как технически реализовать не понимаю. Если кто подобное делал, подскажите. Спасибо.

Comments

[Stranger in the Q]

а как карта нарисована? такое легко реализуется на svg..

[WebforSelf]

Stranger in the Q, карта просто в png

Answer 1

[Олег]

На canvas реализуйте

Comments

[WebforSelf]

Если честно не разу не работал ,может есть похожий пример, где что то бежит, чтоб понять принцип.

Answer 2

[Andrey Vasilev]

Попробуй clip-path
Конкретного примера нет, но вот один из примеров на codepen