thumbnail hover text translate transition

davidlyons · Oct 10, 2024 · 7bb8abb · 7bb8abb
1 parent dc13638
commit 7bb8abb
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/src/components/PortfolioPreview.astro b/src/components/PortfolioPreview.astro
@@ -27,6 +27,10 @@ const { data, slug } = Astro.props.project;
       px-5 py-3 text-white opacity-0 transition-opacity group-hover:opacity-100
       group-focus-visible:opacity-100"
   >
-    {data.title}
+    <div
+      class="inline-block -translate-x-full font-medium transition-transform group-hover:translate-x-0"
+    >
+      {data.title}
+    </div>
   </div>
 </a>