[SOLOV.DEV]

О проекте
Lab
Обо мне
Контакт

О проекте
Lab
Обо мне
Контакт

Home
THE.LAB
Morph Menu

Show Debug

// hover or click menu items

Morph Menu

★★★★☆Advanced

Плавающий blob-индикатор плавно морфится между пунктами меню: позиция и размер догоняют цель через lerp в requestAnimationFrame. Наведите или кликните пункты.

CSS Variables
requestAnimationFrame
lerp
DOM

// tech passport

✓JavaScript
✓requestAnimationFrame
✓CSS Variables
✓Pointer Events
✓No Libraries

// returns demo to initial state and resets debug controls

// more in Navigation

01 / 06

Morph Menu
Animated Burger
Floating Dock
Radial Menu
Circular Navigation
Elastic Navigation

Animated Burger→

// source