How to create loading image using CSS only

Re:How to create loading image using CSS only by victormustar on Tuesday February 28, 2017 @08:55AM (#13753727)

I'm sorry but this looks awful. it could be -> https://jsfiddle.net/cp3r5bmk/

[ Parent | on HN ]

Re:How to create loading image using CSS only by exprA on Tuesday February 28, 2017 @10:42AM (#13754511)

That isn't even relatively close to being the same animation.

If that doesn't matter, who not just (paraphrasing):

  <blink>...</blink>

[ Parent | on HN ]

Re:How to create loading image using CSS only by victormustar on Tuesday February 28, 2017 @11:21AM (#13754854)

you can edit the keyframes very easily

[ Parent | on HN ]

Re:How to create loading image using CSS only by uncleleech on Tuesday February 28, 2017 @09:00AM (#13753763)

I opened this and saw the loading spinner and sat there wondering why it was taking so long to load the spinner :/

[ Parent | on HN ]

Re:How to create loading image using CSS only by Kubuxu on Tuesday February 28, 2017 @10:22AM (#13754336)

I was trying to change configuration of uMatrix so the spinner would load. I thought it was missing some scripts.

[ Parent | on HN ]

Re:How to create loading image using CSS only by ninju on Tuesday February 28, 2017 @10:30AM (#13754400)

I like your solution.

Where do you define the 'gap' in the cicle? I played around with the jsFiddle and could figure it out (still learning CSS wizardy)

[ Parent | on HN ]

Re:How to create loading image using CSS only by bpicolo on Tuesday February 28, 2017 @10:33AM (#13754424)

border-right-color (1/4 the border -> transparent)

[ Parent | on HN ]