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

0 vote376 views1 answer
Separar letras en css
CSS
1 vote389 views2 answers
Toast js
CSS
0 vote336 views2 answers
Css not clickable
CSS
0 vote374 views2 answers
Popular class name layouts
CSS
6 votes339 views6 answers
TAilwind css
CSS
0 vote393 views1 answer
Text align in materialize css
CSS Materialize
-2 votes358 views1 answer
How to add after psuedo class in html
CSS
0 vote310 views1 answer
Como tirar a sidebar css
CSS
0 vote389 views1 answer
Html css psd
CSS
0 vote319 views1 answer
How to make a text in center with background color in css
CSS