Add notifications fade-out animation

2014-05-03 11:59:20 -04:00
parent b10d4f51eb
commit 9531e439cd
2 changed files with 33 additions and 1 deletions
--- a/assets/css/app.css
+++ b/assets/css/app.css
@@ -239,6 +239,38 @@ input.form-date {
    border-radius: 4px;
 }

+.alert-fade-out {
+    animation: fadeOut 1s forwards;
+    -webkit-animation: fadeOut 1s forwards;
+    animation-delay: 7s;
+    -webkit-animation-delay: 7s;
+    cursor: pointer;
+}
+
+@-webkit-keyframes fadeOut {
+    from {
+        opacity: 1;
+    }
+    to {
+        opacity: 0;
+        margin: 0;
+        padding: 0;
+        height: 0;
+    }
+}
+
+@keyframes fadeOut {
+    from {
+        opacity: 1;
+    }
+    to {
+        opacity: 0;
+        margin: 0;
+        padding: 0;
+        height: 0;
+    }
+}
+
 .alert-success {
    color: #468847;
    background-color: #dff0d8;