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 vote172 views2 answers
Mat-select-panel-wrap change position
CSS
1 vote185 views1 answer
Bolock rotating the screen on your website with css
CSS
0 vote174 views1 answer
Target element pseudo-classes
CSS
168 votes237 views6 answers
Box shadow css property
CSS
11 votes172 views2 answers
How to change image position in css
CSS
0 vote247 views2 answers
Create react app tailwind css with yarn
CSS
0 vote164 views1 answer
Css remove list indent
CSS
0 vote176 views1 answer
Css chamfered corner
CSS
0 vote179 views1 answer
Devextreme css
CSS
3 votes183 views6 answers
Uncaught TypeError: $ is not a function
CSS