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

85 votes364 views6 answers
Red color hex
CSS
0 vote385 views1 answer
How can i reset the paswd of my subrion admin panel
CSS
0 vote384 views1 answer
Css fixed bottom
CSS
11 votes311 views1 answer
Html no cursor when link
CSS
0 vote351 views1 answer
Inset boxshadow
CSS
0 vote343 views1 answer
Css3 background image curve
CSS
0 vote374 views1 answer
Textxarea noresize
CSS
0 vote384 views1 answer
Hovered one element change styles for another css
CSS
6 votes338 views1 answer
How to center an hr
CSS
1 vote391 views1 answer
Text-shadow
CSS