Merhabalar

Yazıyı wordpresste daktilo animasyonu ile 2sn aralıklarla yazdırmak istedim fakat normal animasyon ile yazıyor ücretli ücretsiz tüm desteklere açığım. kodu elementordan html snippetinin içinden hazırladım ama bir türlü istediğim gibi çalıştıramadım

<h19>daha başarılı </h19>
<h18><span></span>.</h18>

<style>
    h18::before {
    content: 'shopify';
    animation: typing 12s steps(200, end), /* # Adımlar = # Karakter Sayısı */
               blink-caret 0.5s step-end infinite alternate;
    

    
}
@keyframes typing { from { width: 0; } }
@keyframes blink-caret { 50% { border-color: transparent; } }



@keyframes typing {
    0%{
        content: 'shopify websiteleri  ';
    }
    20%{
        content: 'google ads ';
    }
    40%{
        content: 'instagram ';
    }
    60%{
        content: 'facebook ';
    }
    100%{
        content: 'e-ticaret ';
    }
    




}
h18 {
           background-image: linear-gradient(135deg,#8a0086,#920481 8%,#9b097c 18%,#a00c79 23%,#a91174 32%,#b1166f 41%,#bc1d68 53%,#c72361 65%,#d2295b 76%,#df3153 90%,#e9364e 100%,#f27121);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 35px;
    line-height: 15px;
 
    text-align: center;
    align-items: center;
    font-family: "Inter", Sans-serif;
    font-weight: 500;
    
    
    
}
h19 {
    color: white;
    font-size: 35px;
    font-family: "Inter", Sans-serif;
     font-weight: 500;
}


</style>