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 vote321 views1 answer
Bootstrap Changing the separator
CSS Bootstrap
1 vote281 views1 answer
Css selector no attribute
CSS
9 votes333 views2 answers
Bootstrap cheat sheet
CSS Bootstrap
0 vote279 views1 answer
Keynote Smooth the appearance of animations within a presentation:
CSS
7 votes315 views3 answers
Bootstrap remove outline
CSS Bootstrap
0 vote256 views1 answer
How to change textsize recta native
CSS
9 votes274 views3 answers
Outline button css
CSS
0 vote270 views1 answer
Nmap output ip only
CSS
0 vote268 views1 answer
Css diminuer épaisseur trait
CSS
0 vote286 views1 answer
Css float placeholder
CSS