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>
Loading ...
Marcelo
16-02-2009
Permalink
Cuando sale el css3? en algunos libros de css le otorgan propiedades buenisimas para el dsñ inclusive con muhas soluciones para los problemas que ofrecen algunos navegadores.
Gabriel Di Martino
16-02-2009
Permalink
buenisimo!