Paul Hayes of London has created an interesting experiment that shows how you can create an analogue clock using just CSS and JavaScript is only used to get the current time.

Definitely shows some of the power of Safari’s css transition effects.

Note: The clock is Safari or Google Chrome only!

This is where the magic happens, using the power of WebKit.

/* -webkit-transition: property duration timing-function */
#clock img[src*='hour'] {
-webkit-transform: rotate(90deg);
}

#clock img[src*='second'] {
-webkit-transition: -webkit-transform 60s linear;
}

#clock:target img[src*='second'] {
-webkit-transform: rotate(360deg);
}