add a little fade in to proplates :3

ItsVipra · May 28, 2023 · c0f00aa · c0f00aa
1 parent 9e959a8
commit c0f00aa
Showing 1 changed file with 16 additions and 0 deletions.
diff --git a/src/styles/proplate.css b/src/styles/proplate.css
@@ -5,6 +5,7 @@
 	margin-left: 0.5rem;
 	display: inline-flex;
 	text-transform: lowercase;
+	animation: proplate-fadein .15s linear;
 }
 
 /* dark theme */
@@ -68,3 +69,18 @@
 		rgba(255, 0, 0, 1) 100%
 	);
 }
+
+@keyframes proplate-fadein {
+	from {
+		opacity: 0;
+	}
+	to {
+		opacity: 1;
+	}
+}
+
+@media (prefers-reduced-motion) {
+	.protoots-proplate {
+		animation: none;
+	}
+}