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.)

Morphs Palette Size (this page) Location Color Borders

Thanks Disney for Pinocchio, 1940.

Feedback: MartinRinehart at gmail dot com

# # #