CSS demos

CSS file

Scroller

This effect (for which the brainwork was done by one Eric Meyer, CSS guru par excellence) is created by producing two versions of the same image - the coloured ovals. The original version is set as background to the page, with a faded version as background to each paragraph. Both are given position:fixed. Of course, this effect does not work in any version of Internet Explorer, grumble grumble grumble...

Cheat Codes for games that don't exist:

Electric Hen Warriors - Pause the game and press U,D,L,R,U,D,L,R,B,B,B to activate giant buttock mode.

ClogDance 2004 - Invoke Moonwalk for aerial shoe attack.

Revenge of Florence Nightingale - Use the lamp to beat Marie Curie around the head and body for a bonus of 23,000 points.

Final Battle - Do not take on the final boss until you have collected Spare jelly, electric cattle prod, big hair and spandex leotard. Use your Supersonic Giggle Attack to keep him at bay and when his back is turned, insert the cattle prod and take cover under your Umbrella of the Golden Whore.

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.