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 vote331 views1 answer
Get ssl certificate command line
CSS
0 vote332 views1 answer
Css full grid span
CSS
0 vote328 views2 answers
Increase space between dashed border css
CSS
-1 vote327 views1 answer
<link>
CSS
0 vote387 views1 answer
Responsive page
CSS
0 vote333 views1 answer
Sticky footer bootstrap 3
CSS
0 vote372 views1 answer
Applying multiple transform values to an object css
CSS
-1 vote328 views2 answers
Html and css websites
CSS
2 votes315 views2 answers
How to serve css in golang
CSS
12 votes338 views2 answers
How to center element in bulma
CSS