diff --git a/packages/block-editor/src/components/block-canvas/style.scss b/packages/block-editor/src/components/block-canvas/style.scss
index 9e924cb79bace1..45b5b262b680f2 100644
--- a/packages/block-editor/src/components/block-canvas/style.scss
+++ b/packages/block-editor/src/components/block-canvas/style.scss
@@ -4,4 +4,7 @@ iframe[name="editor-canvas"] {
 	height: 100%;
 	display: block;
 	background-color: transparent;
+	// Animate the transform (for Zoom Out). The easing and duration are to match those
+	// of the interface skeleton’s secondary sidebar (where the Inserter lives).
+	transition: transform 0.25s cubic-bezier(0.6, 0, 0.4, 1);
 }