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 vote160 views1 answer
Class html css
CSS
322 votes434 views6 answers
Font awesome cdn link
CSS
1 vote196 views3 answers
Remove table border html
CSS
32 votes328 views3 answers
Letter spacing css
CSS
7 votes163 views1 answer
Show hand icon on hover javascript
CSS
0 vote176 views10 answers
BEST PLACE TO FIND CSS CODES
CSS
4 votes168 views1 answer
Css selector every child except last
CSS
0 vote160 views1 answer
Display content in column css
CSS
0 vote189 views1 answer
Style image so it crops
CSS
29 votes163 views4 answers
Css box
CSS