post hover anim

fennifith · Aug 27, 2024 · 52ca4df · 52ca4df
1 parent ecc4a30
commit 52ca4df
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/src/components/blog/BlogList.module.scss b/src/components/blog/BlogList.module.scss
@@ -34,7 +34,8 @@
 
 	-webkit-tap-highlight-color: transparent;
 
-	transition: background-color .1s;
+	transition: transform .25s, background-color .25s;
+	transition-timing-function: cubic-bezier(0.68, -0.55, 0.27, 1.55);
 
 	.blog__title {
 		font-size: 1rem;
@@ -58,6 +59,7 @@
 
 	&:hover {
 		background-color: var(--blog-hover-bg);
+		transform: translateX(12px);
 
 		a {
 			text-decoration: underline;