Text change animation css

h1:before{
    content: 'Original Text';
    font-size: 600%;
    animation-name: head;
    animation-duration: 4s;
    animation-iteration-count: infinite;
}

@keyframes head {
    0% {font-size:600%; opacity:1;}
    25% {font-size:570%; opacity:0;}
    50% {font-size:600%; opacity:1;}
    65% {font-size:570%; opacity:0;}
    80% {font-size:600%; opacity:1; content: "Changed Text"}
    90% {font-size:570%; opacity:0;}
    100% {font-size:600%;opacity:1; content: "Original Text"}
}

Source: stackoverflow.com

Similar codes

1 vote150 views2 answers
Woocommerce shopping cart icon size
CSS
39 votes89 views1 answer
AppData\Roaming\npm\react-native.ps1 cannot be loaded because running scripts is disabled on this system. For more information, see about_Execution_Policies at https:/go.microsoft.com/fwlink/?LinkID=135170.
CSS
0 vote125 views1 answer
Import scss
CSS
2 votes118 views1 answer
Posicionar div centro da tela
CSS
0 vote127 views1 answer
Tf.reduce_mean(y_true,y_predicted)
CSS
0 vote115 views1 answer
How to remove underline from list item in html
CSS
1 vote122 views1 answer
Firefox css code
CSS
7 votes142 views3 answers
Change font awesome icon color
CSS
0 vote123 views3 answers
Div
CSS
0 vote131 views2 answers
Bootstrap 5 container
CSS