title: CSS hide element, after 5 seconds show it
body: <p></p>
  
  <p>I found this question <a href="https://stackoverflow.com/questions/21993661/css-auto-hide-elements-after-5-seconds">CSS Auto hide elements after 5 seconds</a></p>
  
  <p>and I need to know how to do the oposite of this.
  Basically:</p>
  
  <p>-Page loads with element hidden</p>
  
  <p>-Wait 5 seconds</p>
  
  <p>-Show element</p>
  
  <p>I'm not very good with CSS so Any help would be nice! </p>
  
  <pre><code>#thingtohide {
      -moz-animation: cssAnimation 0s ease-in 5s forwards;
      /* Firefox */
      -webkit-animation: cssAnimation 0s ease-in 5s forwards;
      /* Safari and Chrome */
      -o-animation: cssAnimation 0s ease-in 5s forwards;
      /* Opera */
      animation: cssAnimation 0s ease-in 5s forwards;
      -webkit-animation-fill-mode: forwards;
      animation-fill-mode: forwards;
  }
  
  @keyframes cssAnimation {
      to {
          width:0;
          height:0;
          overflow:hidden;
      }
  }
  @-webkit-keyframes cssAnimation {
      to {
          width:0;
          height:0;
          visibility:hidden;
      }
  }
  </code></pre>