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%?