title: Fade out after div content has been shown using CSS
body: <p>I'm trying to show a notification on button click. The button click actually checks for email validation. I know to show a div with content with the error message. However, I would like to fade out the error message, lets say after 5 seconds . I would like to achieve it using CSS. Below is my attempt, it just hides everything. Please advise.</p>
  
  <pre><code>#signup-response{
      width: 50%;
      margin-left: auto;
      margin-right: auto;
      text-align: center;
      background-color: #FF0000;
      margin-top: 20px;
      -webkit-transition: opacity 5s ease-in-out;
      -moz-transition: opacity 35s ease-in-out;
      -ms-transition: opacity 5s ease-in-out;
      -o-transition: opacity 5s ease-in-out;
       opacity: 0;
  } 
  </code></pre>