martes, 15 de mayo de 2007

Capa con transparencia usando CSS y funcionando en IE, Opera y Firefox

Navegando por internet me he encontrado con este truco para aplicar fácilmente a nuestras páginas y que consiste en una capa con transparencia que podemos colocar en cualquier parte de nuestra web. El efecto sólo utiliza hojas de estilo CSS y HTML.

Todavía no me he puesto con ello pero combinándo lo que vemos en esa página con un poco de JavaScript podríamos conseguir efectos muy chulos para nuestras páginas. Por ejemplo, yo creo haber visto algo así en algún servicio de Google (no recuerdo si Gmail, o Google Calendar, o cuál de ellos), en el que pinchando sobre algo se bloqueaba la pantalla mediante una capa puesta encima de la página, dejándonos únicamente pulsar un botón pero a la vez dejándonos ver algo difuminado todo lo que hay debajo de esta capa gracias a la transparencia.

Esta es la dirección del sitio para que le echéis un vistazo: http://www.locualo.net dentro podéis encontrar más artículos.

No hay comentarios: