Connect with us

Internet

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

Il y a

le

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 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 derrre 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 derrre 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 derrre 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 derrre 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 derrre 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 derrre 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 derrre 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 derrre 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 derrre 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 derrre 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
derrre 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 derrre 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 derrre 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
derrre 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 derrre 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 derrre 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 derrre 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)

23 Commentaires

23 Commentaires

  1. Nicolas G

    3 mars 2008 at 22 h 49 min

    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

    3 mars 2008 at 23 h 21 min

    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

    3 mars 2008 at 23 h 21 min

    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

    3 mars 2008 at 23 h 23 min

    Vraiment excellent !

  5. NioX

    3 mars 2008 at 23 h 42 min

    Ca marche pas sous Opera apparemment… snif

  6. vince

    3 mars 2008 at 23 h 44 min

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

  7. delphiki

    3 mars 2008 at 23 h 46 min

    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

    3 mars 2008 at 23 h 50 min

    Terrible, on voit presse citron 🙂

  9. Benoit

    4 mars 2008 at 0 h 14 min

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

  10. ARme

    4 mars 2008 at 0 h 20 min

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

  11. st3ph

    4 mars 2008 at 0 h 31 min

    Ce sont les forums qui vont être content ^^

  12. com4myst.blogspot.com

    4 mars 2008 at 2 h 37 min

    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

    4 mars 2008 at 6 h 26 min

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

  14. Nico

    4 mars 2008 at 9 h 51 min

    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

    4 mars 2008 at 9 h 54 min

    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

    4 mars 2008 at 10 h 41 min

    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

    4 mars 2008 at 12 h 21 min

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

  18. Acidifié, Blog Actualité

    4 mars 2008 at 12 h 45 min

    Un peu complètement inutile et moche 😡

  19. tinou

    4 mars 2008 at 14 h 43 min

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

  20. Dvins

    4 mars 2008 at 15 h 58 min

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

  21. bob (mc melun)

    4 mars 2008 at 17 h 07 min

    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

    4 mars 2008 at 19 h 19 min

    Je t’ai reconnu

  23. ggsan

    27 mars 2009 at 0 h 33 min

    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 ???

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Dernières news

Les bons plans

Les tests