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 vote149 views1 answer
How to set initial state after first time in formik
CSS
6 votes151 views4 answers
Webkit-line-clamp browser support
CSS
9 votes139 views1 answer
Howt to original image on background css
CSS
98 votes139 views6 answers
Css center
CSS
2 votes186 views1 answer
Free css templates
CSS
26 votes141 views4 answers
Css background image cover
CSS
0 vote145 views1 answer
Where is sendmail in lampp
CSS
0 vote133 views1 answer
How to use the display property
CSS
12 votes147 views2 answers
Other children than first css
CSS
1 vote129 views1 answer
Quitar puntos a lista css
CSS