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

22 votes217 views4 answers
Css center in grid
CSS
1 vote195 views1 answer
Kommentar css
CSS
0 vote218 views1 answer
Hiding button border when clicked
CSS
19 votes212 views2 answers
How to underline font in css
CSS
1 vote207 views1 answer
Css selector no attribute
CSS
0 vote220 views1 answer
How to style submit button css
CSS
20 votes300 views2 answers
Bootstrap screen sizes
CSS Bootstrap
0 vote198 views1 answer
How to background in modal css html and closee th modal with background
CSS
2 votes199 views1 answer
Uninstall pm2
CSS
0 vote158 views1 answer
Cursor color change
CSS