diff --git a/packages/client/src/components/global/MkAvatar.vue b/packages/client/src/components/global/MkAvatar.vue
index cf780009ad..5000dcb874 100644
--- a/packages/client/src/components/global/MkAvatar.vue
+++ b/packages/client/src/components/global/MkAvatar.vue
@@ -89,7 +89,7 @@ watch(
 
 <style lang="scss" scoped>
 @keyframes earwiggleleft {
-	from {
+	0% {
 		transform: rotate(37.6deg) skew(30deg);
 	}
 	25% {
@@ -101,13 +101,13 @@ watch(
 	75% {
 		transform: rotate(0deg) skew(30deg);
 	}
-	to {
+	100% {
 		transform: rotate(37.6deg) skew(30deg);
 	}
 }
 
 @keyframes earwiggleright {
-	from {
+	0% {
 		transform: rotate(-37.6deg) skew(-30deg);
 	}
 	30% {
@@ -119,7 +119,7 @@ watch(
 	75% {
 		transform: rotate(0deg) skew(-30deg);
 	}
-	to {
+	100% {
 		transform: rotate(-37.6deg) skew(-30deg);
 	}
 }
diff --git a/packages/client/src/components/global/MkMisskeyFlavoredMarkdown.vue b/packages/client/src/components/global/MkMisskeyFlavoredMarkdown.vue
index 4305f4782a..7c5d1adf95 100644
--- a/packages/client/src/components/global/MkMisskeyFlavoredMarkdown.vue
+++ b/packages/client/src/components/global/MkMisskeyFlavoredMarkdown.vue
@@ -297,7 +297,7 @@ const props = withDefaults(
 	}
 
 	@keyframes mfm-rubberBand {
-		from {
+		0% {
 			transform: scale3d(1, 1, 1);
 		}
 		30% {
@@ -315,7 +315,7 @@ const props = withDefaults(
 		75% {
 			transform: scale3d(1.05, 0.95, 1);
 		}
-		to {
+		100% {
 			transform: scale3d(1, 1, 1);
 		}
 	}
diff --git a/packages/client/src/style.scss b/packages/client/src/style.scss
index c89ac6a3ef..bc28b43662 100644
--- a/packages/client/src/style.scss
+++ b/packages/client/src/style.scss
@@ -745,7 +745,7 @@ hr {
 }
 
 @keyframes tada {
-	from {
+	0% {
 		transform: scale3d(1, 1, 1);
 	}
 
@@ -767,14 +767,14 @@ hr {
 		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
 	}
 
-	to {
+	100% {
 		transform: scale3d(1, 1, 1);
 	}
 }
 
 @media (prefers-reduced-motion) {
 	@keyframes tada {
-		from {
+		0% {
 			transform: scale3d(1, 1, 1);
 		}
 
@@ -782,7 +782,7 @@ hr {
 			transform: scale3d(1.1, 1.1, 1.1);
 		}
 
-		to {
+		100% {
 			transform: scale3d(1, 1, 1);
 		}
 	}
@@ -937,7 +937,7 @@ hr {
 // }
 
 @keyframes reset {
-	to {
+	100% {
 		transform: none;
 		opacity: 1;
 	}
@@ -948,13 +948,13 @@ hr {
 
 @media (prefers-reduced-motion: no-preference) {
 	@keyframes scaleIn {
-		from {
+		0% {
 			transform: scale(0);
 			opacity: 0;
 		}
 	}
 	@keyframes scaleInSmall {
-		from {
+		0% {
 			transform: scale(0.8);
 			opacity: 0;
 		}