Attention, effet spécial GENIAL : révélez une image en sélectionnant du texte

Ces gourous du CSS c’est rien que des branleurs qui font des trucs impossibles juste pour humilier le webmaster moyen : sélectionnez l’intégralité du texte ci-dessous, ou seulement une partie en faisant glisser votre souris de haut en bas (par exemple)… Attention, un Presse-citron se cache derrière ce texteAttention, un Presse-citron se cache derrière ce

Attention, un Presse-citron se cache derrière ce texteAttention, un Presse-citron se cache derrière ce texteAttention, u
n Presse-citron se cache derrière ce texteAttention, un Presse-citron se cache derrière ce texteAttention, un Presse-cit
ron se cache derrière ce texteAttention, un Presse-citron se cache derrière ce texteAttention, un Presse-citron se cache
 derrière ce texteAttention, un Presse-citron se cache derrière ce texteAttention, un Presse-citron se cache derrière ce
 texteAttention, un Presse-citron se cache derrière ce texteAttention, un Presse-citron se cache derrière ce texteAttent
ion, un Presse-citron se cache derrière ce texteAttention, un Presse-citron se cache derrière ce texteAttention, un Pres
se-citron se cache derrière ce texteAttention, un Presse-citron se cache derrière ce texteAttention, un Presse-citron se
 cache derrière ce texteAttention, un Presse-citron se cache derrière ce texteAttention, un Presse-citron se cache derri
ère ce texteAttention, un Presse-citron se cache derrière ce texteAttention, un Presse-citron se cache derrière ce texte
Attention, un Presse-citron se cache derrière ce texteAttention, un Presse-citron se cache derrière ce texteAttention, u
n Presse-citron se cache derrière ce texteAttention, un Presse-citron se cache derrière ce texteAttention, un Presse-cit
ron se cache derrière ce texteAttention, un Presse-citron se cache derrière ce texteAttention, un Presse-citron se cache
 derrière ce texteAttention, un Presse-citron se cache derrière ce texteAttention, un Presse-citron se cache derrière ce
 texteAttention, un Presse-citron se cache derrière ce texteAttention, un Presse-citron se cache derrière ce texteAttent
ion, un Presse-citron se cache derrière ce texteAttention, un Presse-citron se cache derrière ce texteAttention, un Pres
se-citron se cache derrière ce texteAttention, un Presse-citron se cache derrière ce texteAttention, un Presse-citron se
 cache derrière ce texteAttention, un Presse-citron se cache derrière ce texteAttention, un Presse-citron se cache derri
ère ce texteAttention, un Presse-citron se cache derrière ce texteAttention, un Presse-citron se cache derrière ce texte
Attention, un Presse-citron se cache derrière ce texteAttention, un Presse-citron se cache derrière ce texteAttention, u
n Presse-citron se cache derrière ce texteAttention, un Presse-citron se cache derrière ce texteAttention, un Presse-cit
ron se cache derrière ce texteAttention, un Presse-citron se cache derrière ce texteAttention, un Presse-citron se cache
 derrière ce texteAttention, un Presse-citron se cache derrière ce texteAttention, un Presse-citron se cache derrière ce
 texteAttention, un Presse-citron se cache derrière ce texteAttention, un Presse-citron se cache derrière ce texteAttent
ion, un Presse-citron se cache derrière ce texteAttention, un Presse-citron se cache derrière ce texteAttention, un Pres
se-citron se cache derrière ce texteAttention, un Presse-citron se cache derrière ce texteAttention, un Presse-citron se
 cache derrière ce texteAttention, un Presse-citron se cache derrière ce texteAttention, un Presse-citron se cache derri
ère ce texteAttention, un Presse-citron se cache derrière ce texteAttention, un Presse-citron se cache derrière ce texte
Attention, un Presse-citron se cache derrière ce texteAttention, un Presse-citron se cache derrière ce texteAttention, u
n Presse-citron se cache derrière ce texteAttention, un Presse-citron se cache derrière ce texteAttention, un Presse-cit
ron se cache derrière ce texteAttention, un Presse-citron se cache derrière ce texteAttention, un Presse-citron se cache
 derrière ce texteAttention, un Presse-citron se cache derrière ce texteAttention, un Presse-citron se cache derrière ce
 texteAttention, un Presse-citron se cache derrière ce texteAttention, un Presse-citron se cache derrière ce texteAttent
ion, un Presse-citron se cache derrière ce texteAttention, un Presse-citron se cache derrière ce texteAttention, un Pres
se-citron se cache derrière ce texteAttention, un Presse-citron se cache derrière ce texteAttention, un Presse-citron se
 cache derrière ce texteAttention, un Presse-citron se cache derrière ce texteAttention, un Presse-citron se cache derri
ère ce texteAttention, un Presse-citron se cache derrière ce texteAttention, un Presse-citron se cache derrière ce texte
Attention, un Presse-citron se cache derrière ce texteAttention, un Presse-citron se cache derrière ce texteAttention, u
n Presse-citron se cache derrière ce texteAttention, un Presse-citron se cache derrière ce texteAttention, un Presse-cit
ron se cache derrière ce texteAttention, un Presse-citron se cache derrière ce texteAttention, un Presse-citron se cache
 derrière ce texteAttention, un Presse-citron se cache derrière ce texteAttention, un Presse-citron se cache derrière ce
 texteAttention, un Presse-citron se cache derrière ce texteAttention, un Presse-citron se cache derrière ce texteAttent
ion, un Presse-citron se cache derrière ce texteAttention, un Presse-citron se cache derrière ce texteAttention, un Pres
se-citron se cache derrière ce texteAttention, un Presse-citron se cache derrière ce texteAttention, un Presse-citron se
 cache derrière ce texteAttention, un Presse-citron se cache derrière ce texteAttention, un Presse-citron se cache derri
ère ce texteAttention, un Presse-citron se cache derrière ce texteAttention, un Presse-citron se cache derrière ce texte
Attention, un Presse-citron se cache derrière ce texteAttention, un Presse-citron se cache derrière ce texteAttention, u
n Presse-citron se cache derrière ce texteAttention, un Presse-citron se cache derrière ce texteAttention, un Presse-cit
ron se cache derrière ce texteAttention, un Presse-citron se cache derrière ce texteAttention, un Presse-citron se cache
 derrière ce texteAttention, un Presse-citron se cache derrière ce texteAttention, un Presse-citron se cache derrière ce
 texteAttention, un Presse-citron se cache derrière ce texteAttention, un Presse-citron se cache derrière ce texteAttent
ion, un Presse-citron se cache derrière ce texteAttention, un Presse-citron se cache derrière ce texteAttention, un Pres
se-citron se cache derrière ce texteAttention, un Presse-citron se cache derrière ce texteAttention, un Presse-citron se
 cache derrière ce texteAttention, un Presse-citron se cache derrière ce texteAttention, un Presse-citron se cache derri
ère ce texteAttention, un Presse-citron se cache derrière ce texteAttention, un Presse-citron se cache derrière ce texte
Attention, un Presse-citron se cache derrière ce texteAttention, un Presse-citron se cache derrière ce texteAttention, u
n Presse-citron se cache derrière ce texteAttention, un Presse-citron se cache derrière ce texteAttention, un Presse-cit
ron se cache derrière ce texteAttention, un Presse-citron se cache derrière ce texteAttention, un Presse-citron se cache
 derrière ce texteAttention, un Presse-citron se cache derrière ce texteAttention, un Presse-citron se cache derrière ce

Etonnant non ? Si vous voulez faire ça avec votre image, c’est par ici.
(via Lifehacker)

Bio
Derniers articles

Eric

Fondateur et rédacteur en chef de Presse-citron, Éric est blogueur, éditeur de contenus numériques. Par ailleurs il conseille et accompagne occasionnellement quelques entreprises dans leur développement sur internet.

Derniers articles parEric (voir tous)

Actus du Web : la sélection PowerPress de la semaine - 19 mai 2013
BlackBerry annonce le BlackBerry Q5, les BBM Channels, et le lancement de BBM pour iOS et Android - 14 mai 2013
AppDays, deuxième édition, le rendez-vous incontournable des créateurs d’applications mobiles - 13 mai 2013
Les dernières offres d’emploi du web - 13 mai 2013
Un concours vidéo sur le thème de l’orthographe ! Et des iPad, iPad mini et Nexus 7 à gagner - 10 mai 2013

23 commentaires pour "Attention, effet spécial GENIAL : révélez une image en sélectionnant du texte"

1

Nicolas G le 3 mars 2008 à 22:49

Pas mal, mais est ce que ca ne risque pas de faire ressembler nos pages à des sapins de noel si on fait un ctrl A ?
2

pickupjojo le 3 mars 2008 à 23:21

Ca fait un petit moment que j’ai balancé ce truc sur Twitter.
Sympa sinon, mais il faudrait lui trouver une réelle utilisation…
3

stagueve le 3 mars 2008 à 23:21

Excellent ça ! ^^

Dorénavant je ne pourrais plus m’empêcher de surligner tous tes textes pour m’assurer que tu ne nous envoies pas des messages subliminaux à notre issu ^^
4

Jérémy le 3 mars 2008 à 23:23

Vraiment excellent !
5

NioX le 3 mars 2008 à 23:42

Ca marche pas sous Opera apparemment… snif
6

vince le 3 mars 2008 à 23:44

n’a pas marché dans mon netvibes… évidemment!
7

delphiki le 3 mars 2008 à 23:46

En effet, l’effet est vraiment sympa, et surtout, il fallait y penser !
Cependant, je confirme que cela ne marche pas sous Opera ce qui est regrettable. =)
8

Aurélien le 3 mars 2008 à 23:50

Terrible, on voit presse citron
9

Benoit le 4 mars 2008 à 00:14

ca sert à rien mais c’est bien marrant!
10

ARme le 4 mars 2008 à 00:20

ahaha extra ce truc ! Je sens qu’il va falloir sélectionner du texte de temps en temps sur certains sites maintenant
11

st3ph le 4 mars 2008 à 00:31

Ce sont les forums qui vont être content ^^
12

com4myst.blogspot.com le 4 mars 2008 à 02:37

Merci pour l’info
L’inverse est aussi vrai >> apercu de l’url:preview.tinyurl.com/38tyl…

L’url:tinyurl.com/38tyl9
13

Poète le 4 mars 2008 à 06:26

C’est sympa comme effet et sûrement qu’il va y avoir beaucoup de monde qui va s’amuser avec ça.
14

Nico le 4 mars 2008 à 09:51

Chez moi cela fonctionne sous Firefox mais pas sur IE7. C’est toujurs le problème du CSS, on passe plus de temps à le tester sur les différents Browsers qu’autre chose.
15

Nico le 4 mars 2008 à 09:54

Sorry , je n’avais pas été voir le lien. C’est normal que cela ne fonctionne pas sur IE7 vu que c’est du CSS3
16

Xethorn le 4 mars 2008 à 10:41

Un peu vieux comme nouvelle mais toujours aussi agréable. Seulement j’espère que les personnes qui utiliseront la fonctionnalité permettra de rendre la sélection lisible et en accord avec le design et non pour cacher des images

Ps : tu as fait comment pour obtenir ton "image" ? Je veux dire pour avoir les codes couleurs correspondants et les longueurs de textes ? Tu as fait ça de mano ?
17

Antouziast le 4 mars 2008 à 12:21

Ça fait un peu ce que certains font sur skyblog, en plus évolué, le texte caché et tout ça…
18

Acidifié, Blog Actualité le 4 mars 2008 à 12:45

Un peu complètement inutile et moche
19

tinou le 4 mars 2008 à 14:43

Pas mal, mais le flux RSS de l’article ne ressemble plus à rien, lui !
20

Dvins le 4 mars 2008 à 15:58

Bien d’accord avec toi… Quand se mettront-ils tous d’accord pour utiliser le même standard ?
21

bob (mc melun) le 4 mars 2008 à 17:07

Si CSS3, ce n’est pas encore le standard…

Sinon oui, quand suivront-ils le standard (même et standard dans la même phrase ) Qu’on n’ai plus à connaître le standard, les règles, les méthodes de contournement des règles, les méthodes de contournement du standard et à avoir un poste linux, un windows et un mac, 2 FF, un opera, 3 IE et les autres navigateurs…
22

francis le 4 mars 2008 à 19:19

Je t’ai reconnu
23

ggsan le 27 mars 2009 à 00:33

bon alors, je démarre, ne rigolez pas…j’ai envie d’essayer l’histoire de l’image cachée mais comment la novice choisie son image URL ?! c’est une image que j’indique à choisir ds mes images dispo ???