Moro med CSS

CSS er viktig til å skille presentasjon fra innhold i blant annet (X)HTML-dokumenter, men når jobben er gjort kan vi ha det gøy med litt unyttig CSS-moro.

X-RAY WOMAN er en tøff jente! Skroll nedover for å ta av henne klærne, lag for lag, og skroll oppover for å kle på henne igjen. Effekten fungerer ikke i IE.

Storbritannias flagg laget kun med CSS, ingen bilder, kun ren CSS! Denne effekten virker kun i Firefox, i Opera blir flagget ødelagt og i IE vises bare en blank side.

Et biljardbord laget med CSS er også imponerende! Dette eksempelet fungerer best i Opera, Mozilla og Mozilla Firefox. Er det ikke imponerende? Husk at det ikke er brukt bilder, kun CSS!

Til slutt, min favoritt: Stu Nicholls frustrerende CSS-puslespill. Målet er å komme seg fra toppen og ned til midten på den nederste raden, og det er ikke lett! Klarer du det? Hvis du går over til en ny rad uten en overgang så forsvinner hele pyramiden og du må starte på nytt igjen. Fryktelig frustrerende! Puslespillet virker både i Opera, Firefox og IE.

Jeg blir skikkelig imponert over hva som er mulig med CSS, blir ikke du også? Hvis du har noen lenker til tilsvarende nettsider med effekter som er oppnådd kun ved å bruke CSS, eller hvis du har laget noe slikt selv, da er du velkommen til å poste de nedenfor.

(Jeg har ikke testet noen av eksemplene i nettlesere på Linux-distribusjoner og på Apple-maskiner, og vet ikke hvordan det fungerer.)