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 vote257 views1 answer
Value error w2 should be positive but is
CSS
68 votes310 views6 answers
Center position absolute
CSS
0 vote276 views1 answer
Showing danger message in red in terminal bash
CSS
0 vote253 views1 answer
Border none select
CSS
0 vote312 views1 answer
Bootsrap view only landscape
CSS
6 votes201 views1 answer
Jqeury css edit
CSS
5 votes257 views6 answers
Ruby cheat sheet
CSS
3 votes259 views1 answer
Install expo vector icons
CSS
1 vote275 views1 answer
How to set the first column of the table in center in css
CSS
0 vote254 views2 answers
Order
CSS