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

12 votes99 views3 answers
Vertical and horizontal align center div
CSS
1 vote114 views2 answers
Css select all immediate children
CSS
3 votes108 views1 answer
Display none css inline
CSS
1 vote98 views3 answers
Space between items in css
CSS
0 vote117 views1 answer
Object-position
CSS
0 vote123 views1 answer
Sass scale color
CSS
164 votes154 views6 answers
Box-shadow css
CSS
12 votes109 views6 answers
Responsive text
CSS
0 vote106 views1 answer
Container media queries for large displays
CSS
2 votes112 views1 answer
Css select all except first
CSS