Voici un générateur assez intéressant permettant grâce au « pseudo-element»  ::selection du CSS3 de masquer une image dans du texte.

Il suffit de sélectionner le texte pour faire apparaître l’image.

Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!
!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy G
eek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Pa
py Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!
! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Gee
k!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy
Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!!
Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!
!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy G
eek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Pa
py Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!
! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Gee
k!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy
Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!!
Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!
!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy G
eek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Pa
py Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!
! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Gee
k!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy
Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!!
Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!
!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy G
eek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Pa
py Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!
! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Gee
k!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy
Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!!
Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!
!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy G
eek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Pa
py Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!
! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Gee
k!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy
Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!!
Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!
!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy G
eek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Pa
py Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!
! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Gee
k!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy
Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!!
Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!
!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy G
eek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Pa
py Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!
! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Gee
k!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy
Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!!
Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!
!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy G
eek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Pa
py Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!
! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Gee
k!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy
Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!!
Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!
!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy G
eek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Pa
py Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!
! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Gee
k!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy
Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!!
Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!
!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy G
eek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Pa
py Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!
! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Gee
k!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy
Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!!
Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!
!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy G
eek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Pa
py Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!
! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Gee
k!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy
Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!!
Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!
!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy G
eek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Pa
py Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!
! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Gee
k!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy
Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!!
Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!
!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy G
eek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Pa
py Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!
! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Gee
k!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy Geek!!!! Papy

Et voici un petit aperçu de ce que ça donne :

CSS 3 - Cacher une image dans du HTML_Image

Bientôt des images cachées un peu partout sur le net ?

(Pensez à utiliser un navigateur respectant correctement les standards comme Firefox. Via un lecteur RSS, il est fort possible que ça ne fonctionne pas non plus.)

 

  • Classé sous : Web

 

4 réponses pour "CSS 3 : Cacher une image dans du HTML"


  1.  Sébastien C. Surfe avec Mozilla Firefox Mozilla Firefox Rulez sur Windows Windows XP
    10 février 2008 @ 16:35 - - Citer
    1

    Inutile, donc indispensable :thumbsup:

  2.  CSS3 : générer une image cachée par du texte at Oiseau de nuit Surfe avec WordPress WordPress 2.3.2
    10 février 2008 @ 18:39 - - Citer
    2

    [...] Papy Geek Filed under code, développement, multimédia [...]

  3.  www.tomateo.com Surfe avec Unknown browser
    12 février 2008 @ 14:34 - - Citer
    3

    CSS 3 : Cacher une image dans du HTML

    Voici un générateur assez intéressant permettant grâce au “pseudo-element” ::selection du CSS3 de masquer une image dans du texte. Il suffit de sélectionner le texte pour faire apparaître l’image….

  4.  ILY Surfe avec Safari Safari 525.20.1 sur Mac OS Mac OS X
    21 novembre 2008 @ 9:02 - - Citer
    4

    Enorme!!!
    A noter que j’ai étais obligé de passé sous Firefox 3.0.3 pour que sa marche car sa ne fonctionnait pas avec mon navigateur web habituel (à savoir, Safari 3.1.2)

    Vivement la prochaine version de Safari avec la nouvelle version de web kit 100% compatible Acid3


 

Laisser un commentaire

;) :zorro: :yes: :wub: :woot: :whistle: :wassat: :tongue: :thumbsup: :sweat: :shocked: :sad: :pirate: :no: :ninja: :mad: :lol: :ike: :getlost: :geek: :ermm: :cry: :cool: :blink: :)



Votre publicité ici en direct ?
Votre publicité ici via AD42 ?

Apartés

  • La RC1 de Windows 7 est sortie, et cela n'empêche pas les développeurs de continuer leur travail et de créer de nouvelles versions beta.

    Aujourd'hui, la dernière build se voit dotée d'un nouveau WallPaper :

    Windows 7 New Wallpaper

    - #
  • Les plus grandes faillites de l'histoire en image :

    LaRoueDeLaBanqueroute

    - #
  • Le online de Street Fighter IV, vous avez déjà essayé ? Ca ressemble à ça :

    Street Fighter IV

    - #

Vidéos

Tu connais pas la dernière? PapyGeek si. +

PapyGeek