Tuesday, March 07, 2006

Animated Reveal Effects

Power and rich content can also mean clutter. Hiding some of the content or power until needed can help minimize clutter, and animation can help to guide the user's attention. Effects that reveal hidden content with animation can be built with the right CSS and JavaScript, even without heavy programming.

It is not strictly necessary to use absolute positioning in all cases, just two nested elements, overflow: hidden and explicit height or width in the outer one. Because of the browser scripting, it was not possible to put the full demonstration into Blogger, but there are two versions at:

http://perdues.com/iwp/reveal.html

0 Comments:

Post a Comment

<< Home