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 vote194 views1 answer
How to create wave like border
CSS
0 vote138 views1 answer
Css feather border
CSS
7 votes183 views6 answers
Font style css
CSS
14 votes214 views4 answers
Text align left bootstrap
CSS
0 vote213 views1 answer
Bootstrap modal overflow
CSS Bootstrap
1 vote173 views1 answer
Class indicator css
CSS
0 vote193 views1 answer
Media queries import file
CSS
4 votes180 views2 answers
Css trim text
CSS
9 votes193 views2 answers
Css style for the first element only
CSS
0 vote178 views1 answer
Hide calendar icon
CSS