febrero 19, 2009
Publicado en Artículos,CSS,Desarrollo Web,Diseño,Maquetación | No comments
CSS – Ocultar mensajes dentro de un texto
Queridos amigos aqui les dejo un truco para ocultar mensajes dentro de un texto, utilizando la declaración ::selection. La idea es muy simple, al seleccionar todo el texto de un párrafo, algunas letras quedaran fuera de toda esa selección, formando en conjunto nuevos mensajes. Claro que podrán verlo, siempre y cuando no utilicen Internet Explorer.
Saludos
Joel
Ver Demo – Mas Info Hidden Messages
CSS:
p::selection { background:#000;color:#000; }
p::-moz-selection { background:#000;color:#000; }
p span::selection { background:#fff;color:#000; }
p span::-moz-selection { background:#fff;color:#000; }
p::-moz-selection { background:#000;color:#000; }
p span::selection { background:#fff;color:#000; }
p span::-moz-selection { background:#fff;color:#000; }
HTML:
<p>
Estas son las palabras que quiero ocultar.
<span>
Y estas son las palabras que quiero mostrar</span></p>
Estas son las palabras que quiero ocultar.
<span>
Y estas son las palabras que quiero mostrar</span></p>