CSS 3 posee propiedades muy interesantes, y algunas con las cuales podremos divertirnos un poquito. Hoy acabo de leer aquí, un pequeño truquito 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.
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>
2 Comentarios por usuarios
gracias por los recursos,
Excelente gracias !!