Crear transparencias

La propiedad CSS opacity define la transparencia de un elemento, esto es, en qué grado se superpone el fondo al elemento. Usando esta propiedad con un valor diferente a 1 sitúa al elemento en un nuevo contexto de apilamiento.

Empezamos con la plantilla de siempre y colocamos entre el <head> y </head> la siguiente regla:

Terminamos colocando el siguiente listado entre las etiquetas <body> y </body>:

Por último, nuestro protagonista el narrador lo tienes que guardar en la misma carpeta que este ejemplo, guárdalo como “narrador.png“:

 

Si todo ha ido bien veremos el resultado en nuestro navegador favorito.

  • Con los ejemplos aprendido hasta ahora ¿Serías capaz de hacer que nuestra imagen, al pasarle el ratón por encima, se volviera transparente al 50%?

 

 

Anuncios