This project tries to mimic command line spinners like those from cli-spinners (where most of them are taken from) and bring them to the web.It’s pure CSS and font independent.
Every Spinner is a fixed sized element with a pseudo element whose content is set to the parts of the spinner divided by \A to create line breaks. Then a stepped keyframe animation shifts the pseudo element up one line-height per step.

[gpp_button color=”blue” url=”http://tawian.io/text-spinners/” title=”Text Spinners” icon_left=”cloud-download” target=”_blank” size=”medium” display=”inline”]Text Spinners[/gpp_button]
[gpp_button color=”black” url=”https://designbeep.com/category/resources/” title=”free tools” icon_left=”external” target=”_blank” size=”medium” display=”inline”]View All Free Tools[/gpp_button]