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

15 votes133 views2 answers
Span cursor pointer
CSS
0 vote138 views1 answer
Account system php html
CSS
19 votes127 views6 answers
Css font family
CSS
0 vote170 views1 answer
Not for specific child class
CSS
0 vote134 views1 answer
Table essentaial styles css
CSS
7 votes154 views3 answers
Make text unselectable css
CSS
-1 vote138 views1 answer
Span size css
CSS
11 votes156 views2 answers
Scss include
CSS
1 vote145 views1 answer
Css make background visible in text
CSS
-2 votes149 views1 answer
Does boxshadow work
CSS