Merge pull request TheOdinProject#348 from ManonLef/main

css-exercise animation 02 - edit syntax
Elatrock · Jul 18, 2023 · 15f62b3 · 15f62b3
2 parents d2b199b + 18b91bc
commit 15f62b3
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 6 deletions.
diff --git a/animation/02-pop-up/solution/solution.css b/animation/02-pop-up/solution/solution.css
@@ -40,8 +40,9 @@ button {
   opacity: 0%;
   text-align: center;
 }
+
 .popup-modal p {
-  margin-bottom: 24px
+  margin-bottom: 24px;
 }
 
 .backdrop {
@@ -64,12 +65,10 @@ button {
 /* SOLUTION */
 
 .popup-modal {
-  transition: transform .3s ease-in-out, opacity .4s ease;
+  transition: transform 0.3s ease-in-out, opacity 0.4s ease;
   transform: translate(-50%, -100%);
 }
 
 .popup-modal.show {
   transform: translate(-50%, -50%);
 }
-
-
diff --git a/animation/02-pop-up/style.css b/animation/02-pop-up/style.css
@@ -40,8 +40,9 @@ button {
   opacity: 0%;
   text-align: center;
 }
+
 .popup-modal p {
-  margin-bottom: 24px
+  margin-bottom: 24px;
 }
 
 .backdrop {
@@ -60,4 +61,3 @@ button {
 .backdrop.show {
   opacity: 30%;
 }
-