Artists' Size Morphs

© 2011, Martin Rinehart

Size morphs: Morphing the CSS styles 'width' and/or 'height' will change an element's size. These also show that an element is pinned to its left-top corner location.

Morphing size and location simultaneously can give you full control over the size—swelling each edge away from the center, for example. You have the same freedom here that the Disney animators enjoyed. (A dramatic size morph is central to Pinocchio's plot.)

Pin: top-left
Pin: left
Pin: center
Pin: bottom-right
Still from Disney's Pinocchio.

Thanks Disney for Pinocchio, 1940.

Feedback: MartinRinehart at gmail dot com

# # #