Monday, September 02, 2013

CSS Transforms & Animations

How to Create Full-page Animations Using CSS


body {
transform-origin: 50% 100%;
transform: rotateX(45deg);
}

Bringing pages alive with CSS Transforms & Animations:
"CSS Transforms are a powerful feature that allows you to manipulate elements of your Web Content in much more interesting and flexible ways than traditionally possible through CSS markup. The specification provides support for rotations, translations, scaling and skewing (as well as arbitrary transforms and compositions of multiple transforms). Combined with the ability to manipulate elements in 3D space, alter the center of projection and affect the origin of transformations, CSS Transforms can be somewhat daunting at first sight for the uninitiated. "

Given the four corner points of an image to be drawn in a perspectively distorted coordinate system @ StackOverflow

No comments: