Contenido

Mensaje oculto gracias a CSS3

5 Feb

+ 16

¿Que puede haber detrás de estas palabras?

javascript wordpress css ajax php java jsp innerHTML jquery mootools prototype

En la selección está la clave. Todo gracias a las nuevas propiedades de CSS3, únicamente disponibles para Firefox y Safari por el momento.

WOW… vaya uso que se le dara a eso en el futuro ;)

No lo entiendo.

¿Alguien nos lo podría explicar?.

Saludos.

@DinaJUEGOS

hola! abres el link que te da este post..y luego seleccionas todo el texto q dice “javascript wordpress css ajax php java jsp innerHTML jquery mootools prototype” repetidas veces..y luego podras ver la imagen escondida…

saludos!

No me funciono :-(

Estoy bajo Firefox 2.0.0.11

diganme si es porno,,, para intentarlo !!

Alucinante!!

Pero, ¿como es posible?
¿Significa que se utiliza la imagen para seleccionar el texto?

vaya!! esta muy bueno… jaja que lastima que los que usen IE no puedan verlo xD

Funciona de la siguiente manera:
de todas esas palabras repetidas en el texto, cada letra (o espacio) pasa a formar un pixel de la foto. Y gracias a las nuevas propiedades de CSS3 como el “::selection” (que funciona de manera que se activa al seleccionar un elemento, en este caso una letra de todo ese texto), esta pagina lo que hace es pintar ese espacio (anteriormente ocupado por la letra) con el color del pixel de la imagen en esa posicion, claro solamente cuando uno selecciona el texto.

Como pueden verlo aqui:
.color-56::selection {
color: rgb(228, 227, 218);
background: rgb(228, 227, 218)
}
.color-56::-moz-selection {
color: rgb(228, 227, 218);
background: rgb(228, 227, 218)
}
.color-57::selection {
color: rgb(224, 214, 200);
background: rgb(224, 214, 200)
}
.color-57::-moz-selection {
color: rgb(224, 214, 200);
background: rgb(224, 214, 200)
}
.color-58::selection {
color: rgb(175, 180, 160);
background: rgb(175, 180, 160)
}
.color-58::-moz-selection {
color: rgb(175, 180, 160);
background: rgb(175, 180, 160)
}

Por lo que lo que vemos al seleccionar el texto no es la imagen en si, sino los pixeles coloreados.

Saludos

jajaj ke curioso, la verdad esk sorprende

wOw! impresionante el efecto y claro, la utilidad que se le podría dar :D

Saludos

Olá, sou um desenvolvedor brasileiro, acompanho sempre o seu site, parabéns pelo trabalho.

Impresionate, pero cual es la gracia de esta nueva función en CSS3?

Todavia no se me ocurre para que uso le daria?

uhmmmm se me ocurren que se pueden hacer varias cosas.

saludos

Comentar

#

Me reservo el derecho de eliminar y/o modificar los comentarios que contengan lenguaje inapropiado, spam u otras conductas no apropiadas en una comunidad civilizada. Si tu comentario no aparece, puede ser que akismet lo haya capturado, cada día lo reviso y lo coloco en su lugar. Siento las molestias.


Cerrar
Enviar por Correo