Amazing Loader animation in CSS3(no images).

The first and last animations are jumpy in my browser (Chrome 5.0.375.29 beta on OS X Snow Leopard), almost as if the last 20% of the frames are being skipped. The Facebook-style and three-dot animations are also off: The last two dots are synchronized nearly synchronized.

Is this a browser bug? If so, CSS3 throbbers aren’t ready for prime time yet.

Reloading the page seems to greatly reduce the visual bugs.

Re: Amazing Loader animation in CSS3(no images).

#5

Post by nikeshhayaran » Sat, May 08, 2010, 8:39 AM UTC

drivebyacct wrote: post #3

Why the shortened URL? It detracts from HN. I like being able to see the domain the link is from.

You can check the post here ... http://www.nikesh.me/blog/2010/05/ajax-style-loading-animati...

Re: Amazing Loader animation in CSS3(no images).

#6

Post by nikeshhayaran » Sat, May 08, 2010, 8:55 AM UTC

alanh wrote: post #4

The first and last animations are jumpy in my browser (Chrome 5.0.375.29 beta on OS X Snow Leopard), almost as if the last 20% of the frames are being skipped. The Facebook-style and three-dot animations are also off: The last two dots are synchronized nearly synchronized. Is this a browser bug? If so, CSS3 throbbers aren’t ready for prime time yet. Reloading the page seems to greatly reduce the visual bugs.

Don't know why its not working for you .. coz I have tested it on Chrome 5.0.375.29 beta on (Mac OS and Windows), animation works very well on both one.

Re: Amazing Loader animation in CSS3(no images).

#7

Post by alanh » Sat, May 08, 2010, 11:04 AM UTC

nikeshhayaran wrote: post #6

alanh wrote: post #4

The first and last animations are jumpy in my browser (Chrome 5.0.375.29 beta on OS X Snow Leopard), almost as if the last 20% of the frames are being skipped. The Facebook-style and three-dot animations are also off: The last two dots are synchronized nearly synchronized. Is this a browser bug? If so, CSS3 throbbers aren’t ready for prime time yet. Reloading the page seems to greatly reduce the visual bugs.

Don't know why its not working for you .. coz I have tested it on Chrome 5.0.375.29 beta on (Mac OS and Windows), animation works very well on both one.

Open the link in a background tab after clearing your cache.