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

3 votes326 views2 answers
Backdrop filter all properties
CSS
0 vote353 views1 answer
#f7fafc
CSS
0 vote297 views1 answer
Html same width as parent
CSS
1 vote284 views1 answer
Css how to style a div
CSS
85 votes303 views6 answers
Color code green
CSS
8 votes306 views2 answers
Font roboto css
CSS
36 votes274 views6 answers
Css color
CSS
1 vote293 views1 answer
When is raksha bandhan in india 2020
CSS
0 vote288 views1 answer
Css change class name start with
CSS
0 vote327 views1 answer
Javavscript use .filter to return odd numbers in an array
CSS