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

1 vote261 views1 answer
Ng-deep
CSS
0 vote257 views1 answer
Css circle with number
CSS
0 vote266 views1 answer
Ios safe area
CSS
0 vote254 views1 answer
Materialize css icon
CSS Materialize
0 vote264 views1 answer
-webki slider runnable track
CSS
0 vote275 views1 answer
Style scrollbar table
CSS
1 vote261 views1 answer
Load css file flask
CSS
1 vote251 views1 answer
Css how to dynamically put div in front of another
CSS
0 vote264 views1 answer
CSS fluid type sizing based on viewport
CSS
1 vote275 views1 answer
How to make horizontal rule dotted
CSS