fix: remove rotation from slide-in animations for smoother transitions

minorcell · minorcell · commit 21c5b7ce2b52 · 2025-06-14T17:50:12.000+08:00
diff --git a/styles/keyframes.css b/styles/keyframes.css
@@ -171,14 +171,14 @@
   }
 
   to {
-    transform: translateY(-100%) rotateX(45deg);
+    transform: translateY(-100%);
     opacity: 0;
   }
 }
 
 @keyframes slide-in-down-rotate {
   from {
-    transform: translateY(-100%) rotateX(45deg);
+    transform: translateY(-100%);
     opacity: 0;
   }
 
@@ -195,14 +195,14 @@
   }
 
   to {
-    transform: translateY(100%) rotateX(-45deg);
+    transform: translateY(100%);
     opacity: 0;
   }
 }
 
 @keyframes slide-in-up-rotate {
   from {
-    transform: translateY(100%) rotateX(-45deg);
+    transform: translateY(100%);
     opacity: 0;
   }
 

Original file line number	Diff line number	Diff line change
`@@ -171,14 +171,14 @@`
`171`	`171`	`}`
`172`	`172`
`173`	`173`	`to {`
`174`		`- transform: translateY(-100%) rotateX(45deg);`
	`174`	`+ transform: translateY(-100%);`
`175`	`175`	`opacity: 0;`
`176`	`176`	`}`
`177`	`177`	`}`
`178`	`178`
`179`	`179`	`@keyframes slide-in-down-rotate {`
`180`	`180`	`from {`
`181`		`- transform: translateY(-100%) rotateX(45deg);`
	`181`	`+ transform: translateY(-100%);`
`182`	`182`	`opacity: 0;`
`183`	`183`	`}`
`184`	`184`
`@@ -195,14 +195,14 @@`
`195`	`195`	`}`
`196`	`196`
`197`	`197`	`to {`
`198`		`- transform: translateY(100%) rotateX(-45deg);`
	`198`	`+ transform: translateY(100%);`
`199`	`199`	`opacity: 0;`
`200`	`200`	`}`
`201`	`201`	`}`
`202`	`202`
`203`	`203`	`@keyframes slide-in-up-rotate {`
`204`	`204`	`from {`
`205`		`- transform: translateY(100%) rotateX(-45deg);`
	`205`	`+ transform: translateY(100%);`
`206`	`206`	`opacity: 0;`
`207`	`207`	`}`
`208`	`208`