CSS Code snippet:
:root{ --myText : 'elementor'; --textColor: #3011CE; --textStroke: 3px; --anDuration: 4s; } selector{ -webkit-text-stroke: var(--textStroke) var(--textColor); display: table; width: -moz-fit-content; width: -webkit-fit-content; width: fit-content; text-align: center; margin: 0 auto } selector .elementor-heading-title::before{ content: var(--myText); color: var(--textColor); position: absolute; top: 0; width: 0%; height: 100%; text-align: left; overflow: hidden; white-space: nowrap; border-right: var(--textStroke) solid var(--textColor); -webkit-animation:animateX var(--anDuration) linear infinite; animation:animateX var(--anDuration) linear infinite; } @-webkit-keyframes animateX{ 0%,10%,100%{ width:0%; } 70%, 90%{ width: 100%; } } @keyframes animateX{ 0%,10%,100%{ width:0%; } 70%, 90%{ width: 100%; } }