Index: public/stylesheets/application.css
===================================================================
--- public/stylesheets/application.css	(revision 17840)
+++ public/stylesheets/application.css	(working copy)
@@ -914,6 +917,7 @@
   background-color: #dfffdf;
   border-color: #9fcf9f;
   color: #005f00;
+  animation: collapseNotification 3s ease-in-out forwards;
 }
 
 div.flash.warning, .conflict {
@@ -1552,3 +1556,24 @@
   max-height: 100%;
   max-width: 100%;
 }
+
+/***** Animations section *****/
+@keyframes collapseNotification {
+  0%, 90% {
+    opacity: 1;
+    border-style: solid;
+    background-size: 16px;
+    font-size: 1em;
+    padding: 6px 4px 6px 30px;
+    margin: 8px 0px 12px 0px;
+  }
+  100% {
+    opacity: 0;
+    border-style: none;
+    background-size: 0;
+    font-size: 0;
+    padding: 0;
+    margin: 0;
+    display: none;
+  }
+}