animate modal.

resources/public/index.html

@@ -26,6 +26,9 @@
     @keyframes scaleUp {
         from { opacity: 0; transform: scale(.95); }
     }
+    @keyframes appear {
+        from { opacity: 0;  }
+    }
 
     @keyframes moveToTop {
     from { }
@@ -61,6 +64,10 @@
   color: #2EB398;
   border: 3px solid #2EB398;
 }
+
+    .modal {
+        animation: appear .7s ease both;
+    }
     .inbox-messages {
         animation: scaleUp .7s ease both;
     }