[Video](https://www.youtube.com/watch?v=PYSOnC2CrD8)

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>

[Back to all episodes](https://web.dev/shows/)