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 vote185 views1 answer
Dict to sql python
CSS
23 votes205 views5 answers
Image rotate css
CSS
0 vote309 views2 answers
SCSS lighten
CSS
0 vote270 views1 answer
Chrome extension css
CSS
0 vote227 views1 answer
How to make jest parse the imported css modules in create react app
CSS
250 votes512 views10 answers
Bootstrap cdn
CSS
3 votes188 views2 answers
Align an entire second row center css grid
CSS
0 vote282 views1 answer
Css interne
CSS
1 vote196 views1 answer
What port does wss use
CSS
0 vote187 views1 answer
Background Image Accessibility concerns
CSS