Cross-fading DOM elements

Cross-fading DOM elements

Turns out it's impossible to cross-fade two DOM elements unless they're opaque. Here's why, and a new feature that could fix it.

Blog post version of this video →
Alpha compositing →
Shared element transitions →
Mix-blend-mode →
The standard proposal →
Isolation →

More videos in the HTTP 203 series →
Subscribe to Google Chrome Developers here →

Also, if you enjoyed this, you might like the HTTP203 podcast →

#HTTP203 #ChromeDeveloper #WebDev