ui component

Shrinking Sticky Header

CSS-компонент: липкий заголовок, который сжимается при прокрутке и переходит в эффект стекломорфизма. Адаптивный UI.

Prompt

# Shrinking Sticky Header

Shrinking Sticky Header:

> *"As soon as the user scrolls 100px down from the top, shrink the header height by 20% and transition the background from transparent to a blurred glass (glassmorphism) effect."*

All Prompts