SCSS · GODRICH

Scroll2026-09-099 items

9 CSS Sticky Header Effects — No JS, Scroll-Driven

A css sticky header is a header pinned with position: sticky so it locks to the top of the viewport once the page scroll

Read

Scroll2026-09-09

CSS parallax scrolling is scroll-linked motion — a background, a layer, a whole hero — driven entirely by animation-time

Feedback2026-09-09

Search for micro interactions css and the answer is always the same shape: a small, self-contained bit of motion — a but

A css dropdown menu animation is the motion a panel plays between hidden and open — height, opacity, transform, or clip-

Loaders2026-09-09

A css loading spinner is a small shape — a ring, three dots, a bar — that loops in place to tell someone a page or actio

Transitions2026-09-099 items

A css accordion animation expands a header's panel to full height when it opens and collapses it to zero when it closes

Transitions2026-09-099 items

A css hamburger menu animation is the motion a three-bar icon plays as a menu opens, built from transform and opacity ra

Feedback2026-09-099 items

A css dark mode toggle flips a site's color scheme when it's switched, usually by toggling one class or custom property.

Transitions2026-09-099 items

css page transitions swap two views using only transform, opacity, and clip-path — no plugin, no library. Here are nine,

Loaders2026-09-099 items

A css skeleton loading screen swaps a blank page for gray shapes that mirror the layout while data loads. Nine SCSS buil