Add animation to destenation headings

proalaa · Oct 6, 2018 · 7dc50b9 · 7dc50b9
1 parent b20a4a3
commit 7dc50b9
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/css/app.css b/css/app.css
@@ -40,9 +40,14 @@ align-items: center;
 text-align: center;
 }
 
+.destination:hover h2 {
+    transform: rotate(0deg);
+}
+
 h2 {
 margin: 0;
 transform: rotate(-45deg);
+transition: transform 0.5s;
 text-shadow: 0 0 5px #01579b;
 }
 
@@ -52,4 +57,4 @@ background-color: #03a9f4;
 
 #paris {
 background-color: #d32f2f;
-}
+}