::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.
Syntax
/* Usage 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.
109+
144+
18+
109+
Your first month is free
Managed WordPress hosting for faster sites.
Learn more