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

3 votes174 views1 answer
Bootstrap 3 offset
CSS Bootstrap
0 vote168 views1 answer
Javascript canvas pixel art
CSS
49 votes159 views5 answers
Css first
CSS
-2 votes298 views1 answer
Css add a shadow beneath text
CSS
3 votes146 views2 answers
Css select all elements except last css
CSS
-1 vote147 views1 answer
Bootstrap scrollable modal
CSS
0 vote139 views1 answer
Overflow-wrap: anywhere
CSS
71 votes136 views6 answers
How to center items in css
CSS
4 votes150 views3 answers
Mobile tablet desktop media queries
CSS
0 vote131 views1 answer
Every user on your website has an image avatar that is displayed when
CSS