Simple CSS Animation Loop – Fading In & Out “Loading” Text

Question

Without Javascript, I\'d like to make a simple looping CSS animation class that fades text in and out, infinitely. I don\'t know a lot about CSS animations, so I haven\'t f

Answer 1

well looking for a simpler variation I found this:

it's truly smart, and I guess you might want to add other browsers variations too although it worked for me both on Chrome and Firefox.

demo and credit => http://codepen.io/Ahrengot/pen/bKdLC

@keyframes fadeIn { 
  from { opacity: 0; } 
}

.animate-flicker {
    animation: fadeIn 1s infinite alternate;
}

Jump in the hole!