Skip to main content

Timeline for Loading Circle Animation

Current License: CC BY-SA 4.0

12 events
when toggle format what by license comment
Dec 27, 2021 at 20:35 comment added Ismael Miguel @ccprog You're welcome. I really can't see what else to change to shrink your code. If you want, you can change the visibility:hidden for opacity:0, but it may not be valid. If you want, you can offer it as an alternative version.
Dec 27, 2021 at 18:06 comment added ccprog ...and three more with the /8 trick. Thanks, good idea!
Dec 27, 2021 at 18:04 history edited ccprog CC BY-SA 4.0
added 71 characters in body
Dec 27, 2021 at 17:19 comment added Ismael Miguel You can save 3 bytes by changing ${(i&1?7:0)^i++>>1} into -${((i&1?7:0)^i++>>1)*125}ms and calc(var(--i)*-1s/8) into var(--i). You might save more with some bitwise magic.
Dec 27, 2021 at 11:56 history edited ccprog CC BY-SA 4.0
added 1 character in body
Dec 27, 2021 at 11:54 comment added ccprog Oh! You are right, I didn't notice that.
Dec 27, 2021 at 1:17 comment added Neil Actually it's to make the animation start properly - your first frame has everything visible.
Dec 26, 2021 at 22:36 comment added ccprog One less byte, and reverse direction is allowed.
Dec 26, 2021 at 21:25 comment added Neil (Although should that be -1s/8?)
Dec 26, 2021 at 21:24 comment added Neil Nice use of 1s/8 instead of 125ms!
S Dec 26, 2021 at 11:26 review First answers
Dec 26, 2021 at 11:42
S Dec 26, 2021 at 11:26 history answered ccprog CC BY-SA 4.0