3D Transforms - Spinning and Moving!!

Exercise in Javascript and CSS

Well it had to be done. Both moving and spinning! Not as easy as you might think.

At first I was unsure as to whether you could add two class to an element at the same time. I tried everything including this solution.

Spin Move!

I simply used two elements one inside the other and applied the move around the block animation to the outer element and the spin to the inner element. Pretty neat uhh! Well no actually. It would have been neater to have add the two transforms to the one element. You use a space separated list. I tried commas, semi colons, just adding a new line. Still I know now and will do a similar thing using the other method and link to it fro this page.