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

7 votes296 views2 answers
Make images same size css
CSS
10 votes322 views5 answers
Css hr thickness
CSS
-3 votes312 views1 answer
How do i make a div full width with css
CSS
0 vote283 views2 answers
Easyui datagrid header color
CSS
0 vote277 views1 answer
How to give css only to a paticular image
CSS
0 vote285 views1 answer
How to draw rhombus in css
CSS
0 vote306 views1 answer
Li move to left
CSS
1 vote308 views1 answer
Css width fit to content
CSS
7 votes275 views2 answers
How to make image same size as text css
CSS
0 vote288 views1 answer
Css display offscreen
CSS