::view-transition-old
Targets the 'old' state's snapshot in a view transition. This is the image of how the element looked BEFORE the change, allowing you to animate how it fades out or is removed.
Quick example
::view-transition-old(sidebar) {
/* Makes the old sidebar shrink away as it disappears */
animation: shrink-out 0.4s ease-in;
}::view-transition-old 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.
Works in all modern browsers. May need a fallback for older browsers.
109+
144+
18+
109+