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 vote185 views1 answer
Create 2 separate CSS rules for the code below:
CSS
0 vote187 views1 answer
How to add carasoule in html using css
CSS
0 vote186 views2 answers
How to set table data width in css
CSS
0 vote187 views2 answers
Upload directory ssh to remote rsync
CSS
2 votes195 views2 answers
Remove the glow in bootstrap input
CSS Bootstrap
9 votes178 views1 answer
Vevo playlist
CSS
0 vote139 views1 answer
Wordpress force https
CSS
1 vote185 views1 answer
How to hide the bullet list css
CSS
0 vote178 views1 answer
Css mask cut diagonal
CSS
19 votes139 views2 answers
Add font to react
CSS