Firstly, I would like to say a few words about browsers. This code works on such modern browsers as: FireFox, Safari and Chrome. On approach such browsers as IE10 and super secret new Opera.
Secondly, I want to notice at once that I will describe exactly the process of animation, but not drawing on CSS3. For the future I have a different plan, it is to do very beautiful picture, on CSS. Oh yes, it became not so boring, since the developers from safari gave up the old standard of linear – gradient (good bye, color – stop, from, to, 0 0) and Opera at last began to support radial – gradient (the last thing happened relatively a long ago).
At first I thought of creating a simple stop-watch, with pointers only, but it is very boring.
You don’t get any drive and a feeling of mechanism, when you see two pointers hurrying on a monitor. From the other side I remembered how once I did a sort of odometer, for the path passed by a mouse. And suddenly, a brilliant idea came into my head.
Read more…