Keeping the page interactive while a View Transition is running

When using View Transitions you’ll notice the page becomes unresponsive to clicks while a View Transition is running. […] This happens because of the ::view-transition pseudo element – the one that contains all animated snapshots – gets overlayed on top


Keeping the page interactive while a View Transition is running originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter.

https://css-tricks.com/keeping-the-page-interactive-while-a-view-transition-is-running/

Établi 1mo | 31 janv. 2025, 20:30:06


Connectez-vous pour ajouter un commentaire

Autres messages de ce groupe

Maybe don’t use custom properties in shorthand properties

This easily qualifies as a "gotcha" in CSS and is a good reminder that the cascade doesn't know everything all at the same time. If a custom property is invalid, the cascade won't ignore it, and it

6 mars 2025, 18:10:27 | CSS tricks
Grouping Selection List Items Together With CSS Grid

Preethi demonstrates how to make a user interface to group selected items using CSS Grid using two different methods: the auto-fill keyword for stable layouts and the span keyword for flexible arra

5 mars 2025, 14:30:07 | CSS tricks
Functions in CSS?!

Arguments?! Return values?! What's crazier, you can use functions right now in Chrome Canary! So, after reading and playing around, here are my key insights on what you need to know about CSS Funct

3 mars 2025, 13:40:27 | CSS tricks
A CSS-Only Star Rating Component and More! (Part 1)

In this article, you'll learn how to make a full-on star rating component out of nothing but a single input element and vanilla CSS.


28 févr. 2025, 16:11:28 | CSS tricks
Using & Styling the Details Element

Now that we're 5+ years into

, we know more about it than ever before. I thought I'd round that information up so it's in one place I can reference in the future without having to sea
26 févr. 2025, 17:50:05 | CSS tricks
Applying the Web Dev Mindset to Dealing With Life Challenges

The grain of truth was that even if you love your job, it can’t love you back. Yet what I’m hooked on isn’t one job, but the power of code and language.


24 févr. 2025, 14:50:05 | CSS tricks
Toe Dipping Into View Transitions

The View Transitions API is more a set of features than it is about any one particular thing. And it gets complex fast. But in this post, we’ll cover a couple ways to dip your toes into the waters

21 févr. 2025, 14:50:22 | CSS tricks