Google ha empezado a permitir images de background en la portada del
buscador. Naturalmente cualquier imagen no pega con cualquier texto,
asi que ha optado por añadir un dropshadow a los textos, para hacer
que estos resalten y sean legibles, incluso si el fondo es blanco y el
texto es blanco.
He curioseado un poco, y el codigo parece algo como esto:
<a href="/intl/es/ads/" style="position: relative;">
<span>Programas de publicidad</span>
<span class="cpTextCloneShadow" style="width: 144px;">Programas de
publicidad</span>
</a>
Con este CSS
.cpTextCloneShadow {
color: #333;left: 1px;
position: absolute;
top: 1px;
z-index: -1;
}
parece que utilizan el concepto de "position absolute significa
absoluto solo desde el ultimo elemento con posicionamiento absoluto o
relativo en que esta contenido el elemento", mediante la comprension
de esto, y el pequeño truco de empujar hacia abajo la sombra con
z-index: -1 te hacen un pequeño dropshadown.
Esta bien :-)
--
--
ℱin del ℳensaje.
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a [email protected]
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
