Skip to content

Instantly share code, notes, and snippets.

@benjamn
Created April 3, 2012 17:21
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save benjamn/2293846 to your computer and use it in GitHub Desktop.
Save benjamn/2293846 to your computer and use it in GitHub Desktop.
<figure id="clock" class="animate active">
<div class="face">
<img class="glare" src="/ipodnano/images/overview_clock_glare.png" alt="" width="65" height="152">
<img class="disc top" src="/ipodnano/images/overview_clock_disc_top.png" alt="" width="14" height="14">
<img class="disc bottom" src="/ipodnano/images/overview_clock_disc_bottom.png" alt="" width="14" height="14">
<span class="date">3</span>
<span class="hour" style="-webkit-transform-origin-x: 50%; -webkit-transform-origin-y: 100%; -webkit-transform: rotate(310.38495000000006deg); "></span>
<span class="minute" style="-webkit-transform-origin-x: 50%; -webkit-transform-origin-y: 100%; -webkit-transform: rotate(124.61940000000004deg); "></span>
<span class="second" style="-webkit-transform-origin-x: 50%; -webkit-transform-origin-y: 100%; -webkit-transform: rotate(637.1640000000189deg) translate3d(0px, 21px, 0px); "></span>
</div>
</figure>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment