CSS3 : générer une image cachée par du texte

Voilà un petit générateur de CSS qui permet de cacher une image derrière du texte. Il faut sélectionner le texte pour découvrir l’image. Il faut bien sur utiliser un navigateur qui respecte les normes et notamment prend en compte le pseudo-élément ::selection.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut eget nisl. Morbi do
lor orci, convallis ut, viverra imperdiet, aliquam eget, nisl. Quisque turpis mi
, pharetra id, ultrices a, mattis vel, massa. Suspendisse nibh erat, elementum e
t, luctus ut, tempus quis, nisi. Ut vitae enim. Vivamus sagittis turpis facilisi
s mauris. Curabitur ac quam nec massa semper mollis. Sed molestie odio non massa
. Duis id leo eu felis elementum interdum. In consectetuer sagittis mauris. Nam
pellentesque tellus et erat. Duis euismod sem nec dui. Phasellus quis urna in me
tus sagittis sollicitudin. Nam lobortis quam sit amet nisl egestas aliquet.  Nam
 dui libero, auctor vel, blandit sit amet, auctor sit amet, mauris. Mauris est e
nim, interdum nec, hendrerit ac, tempus sit amet, arcu. Sed pede libero, vulputa
te ac, pulvinar et, fringilla ac, libero. Suspendisse potenti. Aenean suscipit e
nim ac leo. Sed lobortis est ut velit. Nam sapien lacus, venenatis ut, congue et
, porttitor et, magna. Suspendisse potenti. Praesent ac nisl a enim pellentesque
 dignissim. Suspendisse ullamcorper. Suspendisse eu sapien at justo fringilla ti
ncidunt. Nunc dictum diam eget ipsum. Nulla interdum.Lorem ipsum dolor sit amet,
 consectetuer adipiscing elit. Ut eget nisl. Morbi dolor orci, convallis ut, viv
erra imperdiet, aliquam eget, nisl. Quisque turpis mi, pharetra id, ultrices a,
mattis vel, massa. Suspendisse nibh erat, elementum et, luctus ut, tempus quis,
nisi. Ut vitae enim. Vivamus sagittis turpis facilisis mauris. Curabitur ac quam
 nec massa semper mollis. Sed molestie odio non massa. Duis id leo eu felis elem

Via Papy Geek

Filed under code, développement, multimédia | Comment (0)