The Core

Why We Are Here => Web Development => Topic started by: JasonD on November 15, 2013, 10:02:15 AM

Title: Amazing CSS
Post by: JasonD on November 15, 2013, 10:02:15 AM
http://paullaros.github.io/stopwatch-in-css

I was blown away
Title: Re: Amazing CSS
Post by: ergophobe on November 16, 2013, 12:18:21 AM
Wow. Thanks for sharing - the only JS I could see in the source was for Google Analytics. That seems to be a pure CSS stopwatch. Who knew?

How did you find that?
Title: Re: Amazing CSS
Post by: littleman on November 16, 2013, 07:36:36 AM
Man, my web page making skills are so behind.
Title: Re: Amazing CSS
Post by: ergophobe on November 17, 2013, 02:39:42 AM
Littleman - I'd venture 99% of full-time front end developers think the same thing when they see that.
Title: Re: Amazing CSS
Post by: JasonD on November 18, 2013, 05:22:02 PM
It does seem to be pure CSS and I was amazed when I realised that.

I saw a link somewhere, although can't remember where... It made me too seem ..... inferior... ;)
Title: Re: Amazing CSS
Post by: TallTroll on November 29, 2013, 04:20:29 PM
I see, it's essentially stop frame animation, slapping a new frame over the old one rapidly for the rightmost elements, and more slowly as you go left. Didn't realise you could specify times like that though, very neat indeed
Title: Re: Amazing CSS
Post by: Rooftop on November 29, 2013, 06:00:28 PM
It doesn't actually quite work properly for me in Chrome.
Here is the really amazing thing though... it does in IE !
Title: Re: Amazing CSS
Post by: Leona on December 04, 2013, 11:15:09 AM
It doesn't work on android for me either but still impressive.