CSS 3 : Cacher une image dans du HTML

10 fév

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

 

5 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
  5.  CSS3 : cacher une image dans HTML | Un café, mon bloc note... Surfe avec WordPress WordPress abc
    05 janvier 2010 @ 12:11 - - Citer     5

    [...] cliquez ci-dessous : comment ça marche ? (via PapyGeek et [...]
 

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



Inscrivez-vous au flux RSS de ce blog! Inscrivez-vous au blog par mail! 8057 Suivre PapyGeek sur Twitter!

Top Articles

Derniers Articles

En Vidéos


En images

  • Facebook, littéralement. Un peu effrayant, non ?

    Source.

    - #

  • Vous allez regarder le début de la saison 6 de Lost en rentrant chez vous ce soir ? Pourquoi ne pas faire un petit bingo Lost en même temps ?

    Les autres cartes ici.

    - #

  • L'iPad Nano : l'iPad qui tient dans la poche, et qui en plus permet de passer des appels!

    - #

Catégories


Archives


Contact Publicité

gmail



Copyright © 2008 - Papy Geek - Thème par Illacrimo/LifeSpy. L'utilisation de ce site est soumise à l'acceptation de sa charte.

PapyGeek n'est pas roux, il est effet cuivré. +

PapyGeek