Thursday, June 21, 2012

CSS3 3D Transform Playground

In previous posts I reviewed the different types of CSS3 3D transform functions and the significance of the order in which they're applied.

For your entertainment, I've whipped together a playground where you can apply different values to an image, to see how it affects things. Use the sliders to increase or decrease the values. The resulting transform value is shown below, in both expanded and matrix3d varieties. Presently works with Webkit and Firefox. Enjoy!

    No comments:

    Post a Comment

    Profile Picture
    Dave Leeds
    My Hobbies:
    • Programming
    • Cartooning
    • Music Writing
    Full Profile