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 → https://goo.gle/3eNzczZ
Alpha compositing → https://goo.gle/3mUHaLY
Shared element transitions → https://goo.gle/3FwtGNA
Mix-blend-mode → https://goo.gle/34bG1sU
The standard proposal → https://goo.gle/3eSHOW1
Isolation → https://goo.gle/3eURPli

More videos in the HTTP 203 series → http://goo.gle/HTTP203
Subscribe to Google Chrome Developers here → https://goo.gle/ChromeDevs

Also, if you enjoyed this, you might like the HTTP203 podcast → https://goo.gle/HTTP203Podcast

#HTTP203 #ChromeDeveloper #WebDev