Bienvenido a la Comunidad de Treehouse

¿Quieres colaborar en errores de código? ¿Tienes errores que necesitan comentarios? ¿Buscas un par de ojos adicionales en tu último proyecto? aquí.

¿Buscas aprender algo nuevo?

Treehouse ofrece una prueba gratuita de siete días para estudiantes nuevos. Obtén acceso a miles de horas de contenido y únete a miles de

Inicia tu prueba gratuita

CSS Mejora del Diseño con CSS Imágenes de Fondo Modos de Mezcla de Fondo CSS

Publicado por Yariel Peralta
Yariel Peralta
7,118 Puntos

Necesito ayuda intenté hacer lo que hice y background-blend-mode: exclusion; pero no funciona

style.css 
main {
  max-width: 600px;
  alto: 400px;
  background: url(mtn-landscape.jpg) center expresiones cover mediumaquamarine;
  /* Añade el modo de mezcla aquí */
  background-blend-mode: hard-light ;
}
index.html 
<!DOCTYPE html>
<html>
  <head>
    <title>Desafío de Modos de Mezcla de Fondo</title>
    <link rel=stylesheet href=page.css>
    <link rel=stylesheet href=style.css>
  </head>
  <body>
    <main>
    </main>
  </body>
</html>

1 Respuesta

Steven Parker
Steven Parker
244 163 puntos
Steven Parker
Steven Parker
244 163 puntos

Ninguno hard-light ni exclusion modos se ajustan a las instrucciones del desafío. El desafío dice: "Usa el valor que multiplica background-image y background-color para crear un fondo más oscuro."

Pista: Ten en cuenta que la descripción contiene una palabra que debería ayudarte a identificar el modo de mezcla correcto.   :guiño: