Google detrás de las letras

Esto no tiene trucos, no es más que algunas propiedades y atributos de CSS aplicados. Lo que si, es curioso y llamativo, más para los que no entienden mucho de CSS y seguramente se preguntarán cómo lo logran.

Imagino que más de uno se estará preguntando ¿de que estoy hablando? Si tenemos un texto, mediante CSS podemos definirle el color al que queremos que se transforme cuando sea seleccionado (con selection). Entonces, si tenemos una tarde muy aburrida, y no hay nada pero nada que hacer, podemos escribir un párrafo, y ponernos a “dibujar” “detrás” de él.

Miren lo que se logró aquí:

google-detras-texto.png

Se “dibujó” el logo de Google detrás del texto, CSS puro. Entonces, a medida que vamos seleccionando el mismo, el logo irá apareciendo.

Como siempre, el problema latente: no funciona en Internet Explorer. De hecho, la página en dóndo han plasmado esto dice arriba de todo: “Safari and Firefox, select the text below.“.

Enlace: Fun with highlights