Text Typing Animation example

1<div class="container">
2  <div class="dot1"></div>
3  <div class="dot2"></div>
4  <div class="dot3"></div>
5  <svg width="144" height="96" viewBox="0 0 144 96" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
6<g id="Canvas" fill="none">
7<g id="Union">
8<path d="M 24 0C 5.74512 0 0 5.74518 0 24C 0 42.2548 5.74512 48 24 48L 48 48C 66.2549 48 72 42.2548 72 24C 72 5.74518 66.2549 0 48 0L 24 0Z" transform="scale(2)" fill="white"/>
9<g mask="url(#path1_ins)" transform="scale(2)">
10<path d="M 0 24C 0 5.74518 5.74512 0 24 0L 48 0C 66.2549 0 72 5.74518 72 24C 72 42.2548 66.2549 48 48 48L 24 48C 5.74512 48 0 42.2548 0 24Z" stroke-width="2" stroke="#222B38" stroke-opacity="0.05"/>
11</g>
12</g>
13</g>
14<defs>
15  <mask id="path1_ins" fill="white">
16     <path d="M 24 0C 5.74512 0 0 5.74518 0 24C 0 42.2548 5.74512 48 24 48L 48 48C 66.2549 48 72 42.2548 72 24C 72 5.74518 66.2549 0 48 0L 24 0Z"/>
17  </mask>
18</defs>
19</svg>
20</div>