Animation: insige cards on page add a text Open In

2026-01-26 18:22:01 +02:00
parent d6f4dbe79f
commit 1467ce454d
1 changed files with 13 additions and 0 deletions
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -554,3 +554,16 @@ img {
 img:hover {
  filter: blur(4px);
 }
+
+
+/* Animation base styles */
+.card {
+  position: relative;
+  overflow: hidden;
+}
+
+.card:hover .card-text {
+  opacity: 1;
+  transform: translateY(0);
+  transition: opacity 0.3s ease, transform 0.3s ease;
+}