diff --git a/style/style_index.css b/style/style_index.css
index 4c4cb42..6f350f9 100644
--- a/style/style_index.css
+++ b/style/style_index.css
@@ -73,7 +73,7 @@ main .main-contents aside:hover {
   box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
 }
 main .main-contents aside:hover h2::before {
-  transition: 0.2s;
+  transition: 0.2s ease-in;
   bottom: -5px;
   left: 0px;
   width: 100%;
@@ -87,6 +87,7 @@ main .main-contents aside h2 {
 }
 main .main-contents aside h2::before {
   content: " +++";
+  transition: 0.2s ease-out;
   font-size: 12px;
   color: grey;
   position: absolute;
diff --git a/style/styles_index.scss b/style/styles_index.scss
index c9ef99d..132ae89 100644
--- a/style/styles_index.scss
+++ b/style/styles_index.scss
@@ -74,7 +74,7 @@ main {
 				box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px; // Pris sur https://getcssscan.com/css-box-shadow-examples
 				& h2 {
 					&::before {
-						transition: 0.2s;
+						transition: 0.2s ease-in;
 						bottom: -5px;
 						left: 0px;
 						width: 100%;
@@ -89,6 +89,7 @@ main {
 				position: relative;
 				&::before {
 					content: " +++";
+					transition: 0.2s ease-out;
 					font-size: 12px;
 					color: grey;
 					position: absolute;