title: Reveal Text from center with CSS Animation
body: <p>I'm kind of new to CSS3 Animations and hope anybody out there could help me realising this.</p>
  
  <p>I'm having a div with text in it. I would like to reveal this div from the center. It looks kind of simple, but until now I didn't find the perfect way to realise it. </p>
  
  <p>Do I need to use</p>
  
  <pre><code>.text-div {
      clip-path: inset(top right bottom left);
      animate: revealText 3s;
  }
  
  @keyframes revealText {
    0% {
      clip-path: inset(top right bottom left);
    },
    100% {
      clip-path: inset(top right bottom left);
    }
  }
  </code></pre>
  
  <p>or would you suggest another way to solve this?</p>
  
  <p><img src="https://i.stack.imgur.com/9XzY9.png" alt="Bild1">
  <img src="https://i.stack.imgur.com/S2SfA.png" alt="Bild2]">
  <img src="https://i.stack.imgur.com/97tF5.png" alt="Bild3]"></p>
  
  <p>Thanks for your help!
  Cara</p>