title: CSS how to make an element fade in and then fade out?
body: <p>I can make an element with an opacity of zero fade in by changing its class to .elementToFadeInAndOut with the following css:</p>
  
  <pre><code>.elementToFadeInAndOut {
      opacity: 1;
      transition: opacity 2s linear;
  }
  </code></pre>
  
  <p>Is there a way I can make the element fade out after it fades in by editing css for this same class?</p>