Artists' Border Morphs

© 2011, Martin Rinehart

Border morphs: Like any CSS style, the border can morph. That includes its width and color. (Non-numeric styles, such as 'ridge' and 'sans-serif', cannot morph.)

Importantly, for browsers supporting CSS3 border-radius rules (major browsers except MSIE 8 and below), the border radii can morph, too. This opens HTML to round and oval elements. Combined with other morphs, these can show "squish and stretch", animation that comes straight from the Disney studios.

Radius 1
Radius 2
Still from ball in Disney's Cinderella.

Thanks Disney for Cinderella, 1950.

Feedback: MartinRinehart at gmail dot com

# # #