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 vote169 views1 answer
Flexbox 3 columns
CSS
0 vote157 views1 answer
Css in head or body
CSS
2 votes195 views1 answer
Css area not selectable
CSS
6 votes180 views5 answers
Xss
CSS
52 votes158 views4 answers
Css cursor pointer hover
CSS
0 vote153 views1 answer
Exclude html content when print
CSS
1 vote157 views1 answer
How to highlight input on focus with box shadow
CSS
37 votes164 views1 answer
Placeholder font size css
CSS
0 vote173 views1 answer
After icon css
CSS
0 vote189 views1 answer
Date icon color change
CSS