<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 400" width="500px">
  <defs>
    <clipPath id="clip">
      <text x="245" y="240" font-size="100px" font-weight="900" font-family="sans-serif">X</text>
    </clipPath>
  </defs>

  <rect x="0" y="0" width="500px" height="400px" fill="#000" clip-path="url(#clip)">
    <animate attributeName="height" begin="0s" dur="3s" values="0; 100%" repeatCount="indefinite" />
  </rect>

  <g fill="red" font-size="100px" font-weight="900" font-family="sans-serif">
    <text x="100" y="240">TE</text>
    <text x="245" y="240" fill="none" stroke="#000">X</text>
    <text x="330" y="240">T</text>
  </g>
</svg>