::view-transition-image-pair
Targets the 'pair' of images (the old snapshot and the new snapshot) within a view transition group. This is where the cross-fade between the two states actually happens.
Syntax
/* Usage Example */
::view-transition-image-pair(hero-image) {
/* Ensures the cross-fade is perfectly smooth without any background leaking through */
isolation: isolate;
}::view-transition-image-pair Browser support
Newly available
Since
2025 91% global usage
Since 2025 this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
109+
144+
18+
109+
Your first month is free
Managed WordPress hosting for faster sites.
Learn more