CSS3 : cacher une image dans HTML

Le CSS dans sa version 3 (CSS3) permet des choses bizarres comme celle-ci.
(pour l’instant le CSS3 ne fonctionne qu’avec Firefox ou Safari, pour les autres navigateurs : circulez, il n’y a rien à voir !)

Dans ce texte, une image est cachée 😉
mais,  pour la voir, il faut sélectionner tout le texte.

UNCAFEMONBLOCNOTEUNCAFEMONBLOCNOTEUNCAFE
MONBLOCNOTEUNCAFEMONBLOCNOTEUNCAFEMONBLO
CNOTEUNCAFEMONBLOCNOTEUNCAFEMONBLOCNOTEU
NCAFEMONBLOCNOTEUNCAFEMONBLOCNOTEUNCAFEM
ONBLOCNOTEUNCAFEMONBLOCNOTEUNCAFEMONBLOC
NOTEUNCAFEMONBLOCNOTEUNCAFEMONBLOCNOTEUN
CAFEMONBLOCNOTEUNCAFEMONBLOCNOTEUNCAFEMO
NBLOCNOTEUNCAFEMONBLOCNOTEUNCAFEMONBLOCN
OTEUNCAFEMONBLOCNOTEUNCAFEMONBLOCNOTEUNC
AFEMONBLOCNOTEUNCAFEMONBLOCNOTEUNCAFEMON
BLOCNOTEUNCAFEMONBLOCNOTEUNCAFEMONBLOCNO
TEUNCAFEMONBLOCNOTEUNCAFEMONBLOCNOTEUNCA
FEMONBLOCNOTEUNCAFEMONBLOCNOTEUNCAFEMONB
LOCNOTEUNCAFEMONBLOCNOTEUNCAFEMONBLOCNOT
EUNCAFEMONBLOCNOTEUNCAFEMONBLOCNOTEUNCAF
EMONBLOCNOTEUNCAFEMONBLOCNOTEUNCAFEMONBL
OCNOTEUNCAFEMONBLOCNOTEUNCAFEMONBLOCNOTE
UNCAFEMONBLOCNOTEUNCAFEMONBLOCNOTEUNCAFE
MONBLOCNOTEUNCAFEMONBLOCNOTEUNCAFEMONBLO
CNOTEUNCAFEMONBLOCNOTEUNCAFEMONBLOCNOTEU

 

source, cliquez ci-dessous :
comment ça marche ? (via PapyGeek )

edit : ça fonctionne également avec Opera 10 et Chrome 4 Beta (rappel : l’article date du 20/12/2009 )

Quelques articles traitant de CSS3 :
Expliquez-moi… Ce qu’apportera CSS3
HTML 5 + CSS 3 = une révolution pour les interfaces web
Transformations en CSS3
Ombre portée CSS3
Ce que nous réserve CSS3 en 2010

 

Vous aimez cet article ? Partagez-le !