Drag
Carousel
On desktop: click + drag. On mobile: swipe (drag) horizontally.
Zoom an image slightly on hover.
The cursor follows the mouse with a slight “delay” (smooth effect).
Create a custom cursor that follows the mouse.
On desktop: move the mouse over the grid. On mobile: effect disabled.
The map lights up when the cursor approaches.
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Desktop: click + drag. Mobile: swipe. Keyboard: left/right arrows.
On desktop: click + drag. On mobile: swipe (drag) horizontally.
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Press the handle “≡” and drag an item to change the order.
Lorem ipsum dolor sit amet consectetur adipisicing elit.
On hover, the map rises and reveals additional information. Perfect for creating depth and guiding attention.
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Lorem ipsum dolor sit amet consectetur adipisicing elit.
The intensity of the hover effect changes according to the scroll position. The lower you are on the page, the more pronounced the effect is.
Subtle hover effect
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Subtle hover effect
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Subtle hover effect
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Subtle hover effect
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Subtle hover effect