fix: prevent animation flickering and refine post card hover state

2026-02-22 09:27:29 +01:00
parent 9d1b6dee52
commit 393b78a0e8
3 changed files with 18 additions and 16 deletions
--- a/assets/css/tailwind.css
+++ b/assets/css/tailwind.css
@@ -206,6 +206,14 @@
  fill: currentColor;
 }

+.post-grid-item {
+  opacity: 0;
+}
+
+.post-grid-item.animated {
+  opacity: 1;
+}
+
@keyframes fadeInUp {
  from {
    opacity: 0;
@@ -216,7 +224,3 @@
 .animate-fadeInUp {
  animation: fadeInUp 0.5s ease-out forwards;
 }
-
-.post-grid-item.animated {
-  opacity: 1;
-}