freeCodeCamp/curriculum/challenges/espanol/01-responsive-web-design/applied-visual-design/create-texture-by-adding-a-...

1.3 KiB

id title challengeType videoUrl forumTopicId dashedName
587d78a5367417b2b2512ad8 Crea textura agregando un patrón sutil como imagen de fondo 0 https://scrimba.com/c/cQdwJC8 301052 create-texture-by-adding-a-subtle-pattern-as-a-background-image

--description--

Una forma de agregar textura e interés a un fondo y hacer que se destaque más es agregar un patrón sutil. La clave está en el balance, dado que no querrás que el fondo destaque demasiado y quite atención al primer plano. La propiedad background acepta la función url() para enlazar una imagen de la textura o patrón elegido. El enlace es cubierto entre comillas dentro del paréntesis.

--instructions--

Usando el enlace https://cdn-media-1.freecodecamp.org/imgr/MJAkxbh.png, asigna el fondo background de toda la página con el selector body.

--hints--

Tu elemento body debe tener una propiedad background asignado con url() que tenga el enlace dado.

assert(
  code.match(
    /background(-image)?:\s*?url\(\s*("|'|)https:\/\/cdn-media-1\.freecodecamp\.org\/imgr\/MJAkxbh\.png\2\s*\)/gi
  )
);

--seed--

--seed-contents--

<style>
  body {

  }
</style>

--solutions--

<style>
  body {
    background: url("https://cdn-media-1.freecodecamp.org/imgr/MJAkxbh.png");
  }
</style>