Revert giant timing snippets

barvian · Nov 23, 2024 · 97b2af7 · 97b2af7
1 parent 83a5dfb
commit 97b2af7
Showing 1 changed file with 6 additions and 6 deletions.
diff --git a/site/src/pages/[...framework]/index.mdx b/site/src/pages/[...framework]/index.mdx
@@ -143,10 +143,10 @@ There are three props to customize the animation timings. Each accept an [`Effec
 ```jsx
 <NumberFlow
 	// Used for layout-related transforms:
-	transformTiming={{ duration: 750, easing: 'linear(0,0.008,0.028,0.06,0.099,0.145,0.196,0.249,0.304,0.36,0.416,0.47,0.523,0.573,0.621,0.667,0.709,0.748,0.784,0.817,0.847,0.874,0.898,0.92,0.939,0.955,0.97,0.982,0.992,1.001,1.008,1.014,1.019,1.022,1.025,1.027,1.028,1.028,1.028,1.028,1.027,1.026,1.025,1.024,1.022,1.02,1.019,1.017,1.016,1.014,1.013,1.011,1.01,1.009,1.008,1.007,1.006,1.005,1.004,1.003,1.003,1.002,1.001,1.001,1.001,1,1,1,1,1,0.999,0.999,0.999,0.999,1)' }}
+	transformTiming={{ duration: 750, easing: 'linear(...)' }}
 	// Used for the digit spin animations.
 	// Will fall back to `transformTiming` if unset:
-	spinTiming={{ duration: 750, easing: 'linear(0,0.008,0.028,0.06,0.099,0.145,0.196,0.249,0.304,0.36,0.416,0.47,0.523,0.573,0.621,0.667,0.709,0.748,0.784,0.817,0.847,0.874,0.898,0.92,0.939,0.955,0.97,0.982,0.992,1.001,1.008,1.014,1.019,1.022,1.025,1.027,1.028,1.028,1.028,1.028,1.027,1.026,1.025,1.024,1.022,1.02,1.019,1.017,1.016,1.014,1.013,1.011,1.01,1.009,1.008,1.007,1.006,1.005,1.004,1.003,1.003,1.002,1.001,1.001,1.001,1,1,1,1,1,0.999,0.999,0.999,0.999,1)' }}
+	spinTiming={{ duration: 750, easing: 'linear(...)' }}
 	// Used for fading in/out characters:
 	opacityTiming={{ duration: 350, easing: 'ease-out' }}
 />
@@ -157,12 +157,12 @@ There are three props to customize the animation timings. Each accept an [`Effec
 <NumberFlow
 	:transformTiming="{
 		// Used for layout-related transforms:
-		duration: 750, easing: 'linear(0,0.008,0.028,0.06,0.099,0.145,0.196,0.249,0.304,0.36,0.416,0.47,0.523,0.573,0.621,0.667,0.709,0.748,0.784,0.817,0.847,0.874,0.898,0.92,0.939,0.955,0.97,0.982,0.992,1.001,1.008,1.014,1.019,1.022,1.025,1.027,1.028,1.028,1.028,1.028,1.027,1.026,1.025,1.024,1.022,1.02,1.019,1.017,1.016,1.014,1.013,1.011,1.01,1.009,1.008,1.007,1.006,1.005,1.004,1.003,1.003,1.002,1.001,1.001,1.001,1,1,1,1,1,0.999,0.999,0.999,0.999,1)'
+		duration: 750, easing: 'linear(...)'
 	}"
 	:spinTiming="{
 		// Used for the digit spin animations.
 		// Will fall back to `transformTiming` if unset:
-		duration: 750, easing: 'linear(0,0.008,0.028,0.06,0.099,0.145,0.196,0.249,0.304,0.36,0.416,0.47,0.523,0.573,0.621,0.667,0.709,0.748,0.784,0.817,0.847,0.874,0.898,0.92,0.939,0.955,0.97,0.982,0.992,1.001,1.008,1.014,1.019,1.022,1.025,1.027,1.028,1.028,1.028,1.028,1.027,1.026,1.025,1.024,1.022,1.02,1.019,1.017,1.016,1.014,1.013,1.011,1.01,1.009,1.008,1.007,1.006,1.005,1.004,1.003,1.003,1.002,1.001,1.001,1.001,1,1,1,1,1,0.999,0.999,0.999,0.999,1)'
+		duration: 750, easing: 'linear(...)'
 	}"
 	:opacityTiming="{
 		// Used for fading in/out characters:
@@ -176,12 +176,12 @@ There are three props to customize the animation timings. Each accept an [`Effec
 <NumberFlow
 	transformTiming={{
 		// Used for layout-related transforms:
-		duration: 750, easing: 'linear(0,0.008,0.028,0.06,0.099,0.145,0.196,0.249,0.304,0.36,0.416,0.47,0.523,0.573,0.621,0.667,0.709,0.748,0.784,0.817,0.847,0.874,0.898,0.92,0.939,0.955,0.97,0.982,0.992,1.001,1.008,1.014,1.019,1.022,1.025,1.027,1.028,1.028,1.028,1.028,1.027,1.026,1.025,1.024,1.022,1.02,1.019,1.017,1.016,1.014,1.013,1.011,1.01,1.009,1.008,1.007,1.006,1.005,1.004,1.003,1.003,1.002,1.001,1.001,1.001,1,1,1,1,1,0.999,0.999,0.999,0.999,1)'
+		duration: 750, easing: 'linear(...)'
 	}}
 	spinTiming={{
 		// Used for the digit spin animations.
 		// Will fall back to `transformTiming` if unset:
-		duration: 750, easing: 'linear(0,0.008,0.028,0.06,0.099,0.145,0.196,0.249,0.304,0.36,0.416,0.47,0.523,0.573,0.621,0.667,0.709,0.748,0.784,0.817,0.847,0.874,0.898,0.92,0.939,0.955,0.97,0.982,0.992,1.001,1.008,1.014,1.019,1.022,1.025,1.027,1.028,1.028,1.028,1.028,1.027,1.026,1.025,1.024,1.022,1.02,1.019,1.017,1.016,1.014,1.013,1.011,1.01,1.009,1.008,1.007,1.006,1.005,1.004,1.003,1.003,1.002,1.001,1.001,1.001,1,1,1,1,1,0.999,0.999,0.999,0.999,1)'
+		duration: 750, easing: 'linear(...)'
 	}}
 	opacityTiming={{
 		// Used for fading in/out characters: