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

6 votes252 views5 answers
Remove line from a href css
CSS
0 vote243 views1 answer
Insert checkbox into combobox css
CSS
0 vote219 views1 answer
Css option value
CSS
1 vote238 views2 answers
Antd css
CSS
0 vote239 views1 answer
Ubuntu tor browser verification failed
CSS
2 votes236 views1 answer
Ho to choose the first child of parent in css
CSS
0 vote248 views1 answer
Css accordian triangle
CSS
2 votes177 views1 answer
Xpath vs css selector
CSS
1 vote219 views2 answers
Css input border radius focus
CSS
0 vote233 views2 answers
Tailwind css disabled button
CSS