CSS demos

Zooming

Another easy trick, and for once something that works pretty well in IE. As you resize text, the surrounding box and images will scale with it (the easiest way to resize text in Windows is to hold down Control and roll your mousewheel). It relies on as much use of ems for size as possible, and requires a little experimentation with the images to get a look that seems right. Of course, browser-resized images aren't the smoothest of beasts, but the effect is quite pleasing, no?

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse posuere dapibus lacus. In tincidunt, felis a sagittis placerat, wisi mi fringilla enim, sit amet facilisis ligula mi pellentesque arcu. Donec quis felis. In eu nunc in arcu porttitor pulvinar. Nam non wisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent pellentesque purus sed nulla. Curabitur ornare, mi at congue interdum, arcu nibh ullamcorper mi, eget sagittis lectus tellus vitae risus. Proin vestibulum fringilla lectus. Nunc iaculis orci. Nam mi. Aliquam nonummy sapien et urna. Integer aliquet gravida orci. Donec purus nulla, pulvinar et, consequat nec, ullamcorper eget, ligula. Integer eu tortor. Duis enim. In dignissim felis vel justo.

Nam erat. Curabitur scelerisque, dolor sit amet molestie tincidunt, metus turpis mollis leo, eu eleifend orci mauris non arcu. Mauris iaculis. Etiam a magna non dui sollicitudin luctus. Quisque ut wisi. Vivamus eget tellus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Donec malesuada dictum ante. Sed dui quam, dictum eu, molestie et, cursus eget, orci. In hac habitasse platea dictumst. Phasellus ut magna ac mi laoreet condimentum. Mauris id ipsum eget turpis gravida fringilla.