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

Lundi 3 mars 2008

« Youtube lance les pages personnelles Vous avez demandé votre téléphone, ne quittez pas… »

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

Par Eric,
3 mars 2008 à 22:31 :: Webdesign

Votez pour cet article
et faites-le connaître

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

Tags : créativité, CSS, Design, Webdesign

Article(s) sur le même sujet :

Compresser ses fichiers CSS pour optimiser le temps d’affichage de ses pages web

Un effet d’ombré en CSS très simple à réaliser

Revue de webdesign

Trackbacks

Pour faire un trackback sur ce billet : Trackback URI

Aucun trackback.

Commentaires

1. Le 3 mars 2008 à 22:49, par Nicolas G :: site

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. Le 3 mars 2008 à 23:21, par pickupjojo :: site

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. Le 3 mars 2008 à 23:21, par stagueve :: site

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. Le 3 mars 2008 à 23:23, par Jérémy :: site

Vraiment excellent !

5. Le 3 mars 2008 à 23:42, par NioX :: site

Ca marche pas sous Opera apparemment… snif

6. Le 3 mars 2008 à 23:44, par vince :: site

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

7. Le 3 mars 2008 à 23:46, par delphiki :: site

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. Le 3 mars 2008 à 23:50, par Aurélien :: site

Terrible, on voit presse citron

9. Le 4 mars 2008 à 0:14, par Benoit :: site

ca sert à rien mais c’est bien marrant!

10. Le 4 mars 2008 à 0:20, par ARme :: site

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

11. Le 4 mars 2008 à 0:31, par st3ph :: site

Ce sont les forums qui vont être content ^^

12. Le 4 mars 2008 à 2:37, par com4myst.blogspot.com :: site

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

L’url:tinyurl.com/38tyl9

13. Le 4 mars 2008 à 6:26, par Poète :: site

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

14. Le 4 mars 2008 à 9:51, par Nico :: site

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. Le 4 mars 2008 à 9:54, par Nico :: site

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. Le 4 mars 2008 à 10:41, par Xethorn :: site

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. Le 4 mars 2008 à 12:21, par Antouziast :: site

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

18. Le 4 mars 2008 à 12:45, par Acidifié, Blog Actualité :: site

Un peu complètement inutile et moche

19. Le 4 mars 2008 à 14:43, par tinou :: site

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

20. Le 4 mars 2008 à 15:58, par Dvins :: site

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

21. Le 4 mars 2008 à 17:07, par bob (mc melun) :: site

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. Le 4 mars 2008 à 19:19, par francis :: site

Je t’ai reconnu

23. Le 27 mars 2009 à 0:33, par ggsan :: site

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

Ajouter un commentaire

Article(s) sur le même sujet :

Compresser ses fichiers CSS pour optimiser le temps d’affichage de ses pages web

Un effet d’ombré en CSS très simple à réaliser

Revue de webdesign

J'aime le web, et accessoirement, j'en vis . Je livre ici mon point de vue de "professionnel de la profession" sur les infos - utiles ou futiles - que je glane au fil de mes rencontres sur la toile.

Lectures recommandées :

- Combien coûte un blog comme Presse-citron ?

- Identité numérique : 10 règles simples pour contrôler son image sur internet

- 15 erreurs à éviter pour un communiqué de presse idéal

- La fable du blogueur qui aurait mangé un journaliste

- Mon disquaire, ce héros

- Guest blogging : les avantages et les risques pour le blog qui accueille des rédacteurs extérieurs

Derniers Commentaires

Allogarage: Mouais, on dirait que c’est pas encore au point. Bizarre, c’est pas dans les habitudes de...
Mapics: 32 kilomètre ça parais pas mal comme autonomie même pour moi qui suis a la campagne.
Mapics: Jolie vélo mais personnellement réinventé la roue ne me tente pas, car la ça vas pour la frime mais les cotes...
Tibo: faut passer a Mac OS les amis !!!!! (troll)
Tibo: vraiment superbe, merci pour cette découverte ! J’apporte ma contribution avec le même type de gadget...

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

Article(s) sur le même sujet :

Trackbacks

Commentaires

Ajouter un commentaire

Article(s) sur le même sujet :

Derniers Commentaires

Articles récents

Tags

En direct de Fuzz !

Snapshots

Fan Club

Publicité

Catégories

Partenaires

Voir