Merge branch 'add/view-transitions-theme-support' of github.com:felixarntz/wordpress-develop into add/view-transitions-theme-support

Felix Arntz · Felix Arntz · commit eb89cfc82ce2 · 2025-04-21T09:00:52.000-07:00
diff --git a/src/wp-includes/css/view-transitions-animation-wipe.css b/src/wp-includes/css/view-transitions-animation-wipe.css
@@ -38,5 +38,6 @@
 	transform: none;
 	animation: wp-view-transition-new-animation 1.2s cubic-bezier(0.45, 0, 0.35, 1.0);
 	animation-fill-mode: both;
+	-webkit-mask-image: linear-gradient(var(--wp-view-transition-angle), #000 calc(-70% + calc(170% * var(--wp-view-transition-progress, 0))), transparent calc(170% * var(--wp-view-transition-progress, 0)));
 	mask-image: linear-gradient(var(--wp-view-transition-angle), #000 calc(-70% + calc(170% * var(--wp-view-transition-progress, 0))), transparent calc(170% * var(--wp-view-transition-progress, 0)));
 }

Original file line number	Diff line number	Diff line change
`@@ -38,5 +38,6 @@`
`38`	`38`	`transform: none;`
`39`	`39`	`animation: wp-view-transition-new-animation 1.2s cubic-bezier(0.45, 0, 0.35, 1.0);`
`40`	`40`	`animation-fill-mode: both;`
	`41`	`+ -webkit-mask-image: linear-gradient(var(--wp-view-transition-angle), #000 calc(-70% + calc(170% * var(--wp-view-transition-progress, 0))), transparent calc(170% * var(--wp-view-transition-progress, 0)));`
`41`	`42`	`mask-image: linear-gradient(var(--wp-view-transition-angle), #000 calc(-70% + calc(170% * var(--wp-view-transition-progress, 0))), transparent calc(170% * var(--wp-view-transition-progress, 0)));`
`42`	`43`	`}`