# How was this done?

**URL:** <https://forum.kirupa.com/t/how-was-this-done/313112>\
**Category:** Uncategorized\
**Created:** [August 20, 2010, 7:51am UTC](https://forum.kirupa.com/t/how-was-this-done/313112 "2010-08-20T07:51:49Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![rleuchovius](https://avatars.discourse-cdn.com/v4/letter/r/71c47a/32.png) [@rleuchovius](https://forum.kirupa.com/u/rleuchovius)\
**Post date:** [August 20, 2010, 7:51am UTC](https://forum.kirupa.com/t/how-was-this-done/313112/1 "2010-08-20T07:51:49Z")

</div>

I’m trying to make the hotspot navigation work like in the example below:

> **[Mercedes-AMG Homepage](https://www.mercedes-amg.com/en.html)**
>
> The official Mercedes-AMG website for information on vehicles, motorsport, news and much more. AMG - Driving Performance.

I managed to get the dots moving like in the example, but I’m not  
sure how to make the lines transform like they do here…  
Can anyone please help me get started in the right direction?