Is there anyway to animate an ellipsis with CSS animations?

Question

I\'m trying to have an ellipsis animate, and was wondering if it was possible with CSS animations...

So it might be like

Loading...
Loading..
Loading.
Lo         


        

Answer 1

Even a more simple solution, works pretty well!

Loading

Just edited the content with animation instead of hiding some dots...

Demo here: https://jsfiddle.net/f6vhway2/1/

---

Edit: Thanks to @BradCollins for pointing out that content is not an animatable property.

https://www.w3.org/TR/css3-transitions/#animatable-css

So this is a WebKit/Blink/Electron only solution. (But it works in current FF versions as well)