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 vote141 views1 answer
Free hrml css curs
CSS
47 votes147 views4 answers
Transform
CSS
0 vote149 views1 answer
CSS - The Class Selectors - Element
CSS
3 votes147 views2 answers
Css glow text
CSS
1 vote138 views2 answers
How to make a div fill the screen
CSS
0 vote139 views1 answer
Margin not working on inline elements
CSS
180 votes322 views6 answers
How to import a css file in html
CSS
2 votes154 views2 answers
Read properties from css file
CSS
0 vote142 views1 answer
Resetting Default Table Styles
CSS
14 votes144 views2 answers
How to add css in flask app
CSS