Adjust frame animation profile (#60589)

Co-authored-by: jameskoster <[email protected]> Co-authored-by: youknowriad <[email protected]> Co-authored-by: jasmussen <[email protected]>
WordPress · Apr 10, 2024 · 36e0417 · 36e0417 · github-actions · Apr 10, 2024
1 parent db42fd9
commit 36e0417
Showing 1 changed file with 6 additions and 3 deletions.
diff --git a/packages/edit-site/src/components/layout/animation.js b/packages/edit-site/src/components/layout/animation.js
@@ -1,7 +1,7 @@
 /**
  * External dependencies
  */
-import { Controller } from '@react-spring/web';
+import { Controller, easings } from '@react-spring/web';
 
 /**
  * WordPress dependencies
@@ -15,7 +15,7 @@ function getAbsolutePosition( element ) {
 	};
 }
 
-const ANIMATION_DURATION = 250;
+const ANIMATION_DURATION = 400;
 
 /**
  * Hook used to compute the styles required to move a div into a new position.
@@ -65,7 +65,10 @@ function useMovingAnimation( { triggerAnimationOnChange } ) {
 			y: 0,
 			width: prevRect.width,
 			height: prevRect.height,
-			config: { duration: ANIMATION_DURATION },
+			config: {
+				duration: ANIMATION_DURATION,
+				easing: easings.easeInOutQuint,
+			},
 			onChange( { value } ) {
 				if ( ! ref.current ) {
 					return;