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

7 votes253 views3 answers
Pm2 remove process from list
CSS
0 vote233 views1 answer
Css margin top responsive
CSS
149 votes274 views6 answers
Css shadow
CSS
15 votes247 views3 answers
Image rotate with css
CSS
1 vote254 views2 answers
Css select all immediate children
CSS
0 vote266 views1 answer
Nth master
CSS
0 vote222 views2 answers
Css stopper une animation
CSS
63 votes266 views5 answers
Html position absolute center
CSS
0 vote243 views1 answer
Red asterix css
CSS
0 vote250 views2 answers
Css animation png
CSS