title: css animation/transition: fade-out or slide-up element after certain time?
body: <p>on my current page is this …</p>
  
  <pre><code>&lt;div id="wr-notice" class="success"&gt;
      &lt;div class="wrapper inner message"&gt;Thank you!&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>the css …</p>
  
  <pre><code>#wr-notice {
      position:fixed;
      z-index:1;
      top:0;
      left:0;
      width:100%;
      color:white;
      background:green;
  }
  </code></pre>
  
  <p>Is it possible with CSS3 to "hide" this <code>#wr-notice</code> ater 5 seconds? So when the page is loaded the <code>#wr-notice</code> should be visible and after 5 seconds i'd like to hide or animate it. The best scenario would be to animate its height to <code>0</code> so it kind of slides-up?</p>
  
  <p>Is that "timer" even possible with CSS3 transitions?</p>
  
  <p>Any ideas on that matter?</p>