Comentarios en: Mensaje oculto gracias a CSS3 http://www.anieto2k.com/2008/02/05/mensaje-oculto-gracias-a-css3/ Desarrollo web, Wordpress, y alguna cosilla más Sat, 20 Mar 2010 23:35:43 +0000 http://wordpress.org/?v=2.9.2 hourly 1 Por: Develoweb http://www.anieto2k.com/2008/02/05/mensaje-oculto-gracias-a-css3/#comment-46032 Develoweb Wed, 16 Apr 2008 05:34:23 +0000 http://www.anieto2k.com/2008/02/05/mensaje-oculto-gracias-a-css3/#comment-46032 uhmmmm se me ocurren que se pueden hacer varias cosas. saludos uhmmmm se me ocurren que se pueden hacer varias cosas.

saludos

]]> Por: n350k http://www.anieto2k.com/2008/02/05/mensaje-oculto-gracias-a-css3/#comment-44211 n350k Sat, 09 Feb 2008 06:02:58 +0000 http://www.anieto2k.com/2008/02/05/mensaje-oculto-gracias-a-css3/#comment-44211 Sorprendente , salu2 anieto Sorprendente , salu2 anieto

]]> Por: Jero.f76 http://www.anieto2k.com/2008/02/05/mensaje-oculto-gracias-a-css3/#comment-44171 Jero.f76 Wed, 06 Feb 2008 18:01:56 +0000 http://www.anieto2k.com/2008/02/05/mensaje-oculto-gracias-a-css3/#comment-44171 Impresionate, pero cual es la gracia de esta nueva función en CSS3? Todavia no se me ocurre para que uso le daria? Impresionate, pero cual es la gracia de esta nueva función en CSS3?

Todavia no se me ocurre para que uso le daria?

]]> Por: Daniel Ribeiro http://www.anieto2k.com/2008/02/05/mensaje-oculto-gracias-a-css3/#comment-44169 Daniel Ribeiro Wed, 06 Feb 2008 16:48:14 +0000 http://www.anieto2k.com/2008/02/05/mensaje-oculto-gracias-a-css3/#comment-44169 Olá, sou um desenvolvedor brasileiro, acompanho sempre o seu site, parabéns pelo trabalho. Olá, sou um desenvolvedor brasileiro, acompanho sempre o seu site, parabéns pelo trabalho.

]]> Por: Felipe http://www.anieto2k.com/2008/02/05/mensaje-oculto-gracias-a-css3/#comment-44121 Felipe Tue, 05 Feb 2008 16:08:22 +0000 http://www.anieto2k.com/2008/02/05/mensaje-oculto-gracias-a-css3/#comment-44121 wOw! impresionante el efecto y claro, la utilidad que se le podría dar :D Saludos wOw! impresionante el efecto y claro, la utilidad que se le podría dar :D

Saludos

]]> Por: DarkNeo2k4 http://www.anieto2k.com/2008/02/05/mensaje-oculto-gracias-a-css3/#comment-44114 DarkNeo2k4 Tue, 05 Feb 2008 15:03:16 +0000 http://www.anieto2k.com/2008/02/05/mensaje-oculto-gracias-a-css3/#comment-44114 jajaj ke curioso, la verdad esk sorprende jajaj ke curioso, la verdad esk sorprende

]]> Por: Iñaki http://www.anieto2k.com/2008/02/05/mensaje-oculto-gracias-a-css3/#comment-44113 Iñaki Tue, 05 Feb 2008 14:21:00 +0000 http://www.anieto2k.com/2008/02/05/mensaje-oculto-gracias-a-css3/#comment-44113 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 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

]]> Por: Martín http://www.anieto2k.com/2008/02/05/mensaje-oculto-gracias-a-css3/#comment-44111 Martín Tue, 05 Feb 2008 14:07:31 +0000 http://www.anieto2k.com/2008/02/05/mensaje-oculto-gracias-a-css3/#comment-44111 vaya!! esta muy bueno... jaja que lastima que los que usen IE no puedan verlo xD vaya!! esta muy bueno… jaja que lastima que los que usen IE no puedan verlo xD

]]> Por: Himliano http://www.anieto2k.com/2008/02/05/mensaje-oculto-gracias-a-css3/#comment-44105 Himliano Tue, 05 Feb 2008 09:56:28 +0000 http://www.anieto2k.com/2008/02/05/mensaje-oculto-gracias-a-css3/#comment-44105 Alucinante!! Pero, ¿como es posible? ¿Significa que se utiliza la imagen para seleccionar el texto? Alucinante!!

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

]]> Por: Mensaje oculto gracias a CSS 3 (aNieto2k) « LordNemutagk World http://www.anieto2k.com/2008/02/05/mensaje-oculto-gracias-a-css3/#comment-44102 Mensaje oculto gracias a CSS 3 (aNieto2k) « LordNemutagk World Tue, 05 Feb 2008 07:25:46 +0000 http://www.anieto2k.com/2008/02/05/mensaje-oculto-gracias-a-css3/#comment-44102 [...] javascript wordpress css ajax php java jsp innerHTML jquery mootools prototype [...] [...] javascript wordpress css ajax php java jsp innerHTML jquery mootools prototype [...]

]]>