Skip to content

Bram.us

A rather geeky/technical weblog, est. 2001, by Bramus

  • Blog
    • All Posts
    • Original Content
    • Elsewhere
  • Talks
  • About
  • RSS
    • All Posts
    • Original Content Only
    • Elsewhere Only
  • Search

Search results for: scroll-driven-animations

Introducing scroll-driven-animations.style

Introducing scroll-driven-animations.style, a website I built to support the launch of Scroll-Driven Animations in Chrome 115.

Read Post →

Posted byBramus!June 13, 2023June 13, 2023Posted inOriginal ContentTags: css, scroll-driven animationsLeave a comment on Introducing scroll-driven-animations.style

The Google Antigravity website, rebuilt with Modern CSS

As an experiment to see if Modern CSS is up to the task, I recreated the Google Antigravity website with Modern CSS.

Read Post →

Posted byBramus!December 2, 2025December 10, 2025Posted inOriginal ContentTags: css2 Comments on The Google Antigravity website, rebuilt with Modern CSS

Señors @ Scale: Modern CSS at Scale with Bramus

A while ago I joined Dan Neciu – whom I met at Frontmania in 2023 – on his “Señors @ Scale” podcast. We talked about all things CSS.

Read Post →

Posted byBramus!November 25, 2025November 25, 2025Posted inOriginal ContentTags: css, podcast, videoLeave a comment on Señors @ Scale: Modern CSS at Scale with Bramus

Combining Scroll-Driven Animations with @starting-style

How the cascade, the animation-fill-mode, and implicit keyframes make things a bit more complicated then you’d initially think …

Read Post →

Posted byBramus!November 6, 2025November 6, 2025Posted inOriginal ContentTags: css, demo, scroll-driven animations, starting-styleLeave a comment on Combining Scroll-Driven Animations with @starting-style

Cranking View Transtions up to 11 (Safely, Maybe) (2025.06.12 – Middlesbrough Front End)

At Middlesbrough Front End 2025 I gave a talk about some of the more exotic applications of View Transitions

Read Post →

Posted byBramus!June 19, 2025June 20, 2025Posted inOriginal ContentTags: public speaking, view transitionsLeave a comment on Cranking View Transtions up to 11 (Safely, Maybe) (2025.06.12 – Middlesbrough Front End)

Scroll-Driven Animations with CSS (2025.05.30 @ JSHeroes)

At JSHeroes 2025 I gave a talk on Scroll-Driven Animations.

Read Post →

Posted byBramus!May 31, 2025August 18, 2025Posted inOriginal ContentTags: public speaking, scroll-driven animationsLeave a comment on Scroll-Driven Animations with CSS (2025.05.30 @ JSHeroes)

The Future of CSS: Construct <custom-ident> and <dashed-ident> values with ident()

Uniquely name a bunch elements in CSS in one go! Instead of assigning 100 unique names through 100 declarations, write only 1 and use ident() to construct the names.

Read Post →

Posted byBramus!December 18, 2024May 14, 2025Posted inOriginal ContentTags: css1 Comment on The Future of CSS: Construct <custom-ident> and <dashed-ident> values with ident()

Re-imagine the web with Scroll-Driven Animations

Video from Chrome’s 2024 EOY campaign, highlighting Scroll-Driven Animations. I made sure the code snippets and animations that you see where Technically Correct™.

Read Post →

Posted byBramus!December 5, 2024December 16, 2024Posted inElsewhereTags: scroll-driven animations, video1 Comment on Re-imagine the web with Scroll-Driven Animations

Scroll-driven animated card stack with scroll snap events

Dissecting and reworking a very nice demo by Paul Noble.

Read Post →

Posted byBramus!October 13, 2024March 9, 2025Posted inOriginal ContentTags: css, scroll-driven animations1 Comment on Scroll-driven animated card stack with scroll snap events

Solved by CSS Scroll-Driven Animations: hide a header when scrolling down, show it again when scrolling up.

By adding a long transition-delay to a CSS property under certain conditions (which you can do using a Style Query), you can persist its value.

Read Post →

Posted byBramus!September 29, 2024October 22, 2025Posted inOriginal ContentTags: demo, scroll-driven animations2 Comments on Solved by CSS Scroll-Driven Animations: hide a header when scrolling down, show it again when scrolling up.

Posts pagination

1 2 3 4 Older posts

About Bram.us

Bram.us is the technical/geeky weblog of Bramus Van Damme, a web developer based in Belgium.

Bramus is part of the Chrome Developer Relations team at Google, focusing on CSS, Web UI, and DevTools. From the moment he discovered view-source at the age of 14 (way back in 1997), he fell in love with the web and has been tinkering with it ever since.

More …

Stay up-to-date

To follow bramus and his blog:

  • 🟠 Subscribe to RSS
  • 🦋 Follow me on Bluesky
  • 🦣 Follow me on Mastodon

Archives

Search

Bram.us, Proudly powered by WordPress.