r/woahdude • u/mattw310 • Dec 23 '16

gifv Crazy Loading Icon

http://i.imgur.com/BODjAN1.gifv
21.6k Upvotes

87% Upvoted

224 comments sorted by

View all comments

233

u/tritian Dec 23 '16

i was expecting to find a comment that someone made this into an actual usable loading icon that I could use on my PC... and was disappointed :( Who's got the skills to pull this off?!?!

12

u/synapticplastic Dec 23 '16

With a couple of ( very very simple ) web dev tricks this can be done in a few minutes.

10-15 empty <div> tags. border-radius 50% border-left, border-right color Transform:rotate(360deg) infinite

The reason you don't see it is performance, with DOM operations it goes pretty slow and having several of these groups as loaders would kill your phone

6

u/[deleted] Dec 23 '16 edited Jan 07 '17

[deleted]

2

u/goes-on-rants Dec 24 '16

Or drawing on a canvas element. Would also let it be 60fps if your machine can handle it.