Add animation to destination headings

udacity · Apr 11, 2017 · b2d0353 · OmYasien · Jul 11, 2018 · Aya-aljubori
1 parent 1204be0
commit b2d0353
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/css/app.css b/css/app.css
@@ -40,9 +40,14 @@ body {
     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;
 }