2

Viendo algunos sitios web para referencia de proyectos, veo que hay una tendencia a cuanto las imágenes de portada y otros.Realmente quisiera saber como se llama esta tendencia,filtro o tipo de textura que se le aplica a las imágenes, así como donde puedo obtenerla.

Anexo las imágenes de referencia:

Imagen Con "Filtro o Textura de puntos Imagen Con filtro de puntos Si no se aprecia bien a lo que me refiero dejo el enlace del sitio de ejemplo 1

Imagen con "Filtro o Textura de rayas en diagonal Filtro o textura en Diagonal Si no se aprecia bien a lo que me refiero dejo el enlace del sitio de ejemplo 2

Espero y me de a entender.

7
  • Mi sitio tiene esa funcionalidad, aunque en este caso es una especie de slider y las imágenes se les aplica algo de difuminación mediante CSS.
    – A. Cedano
    Commented el 13 nov. 2017 a las 17:40
  • @A.Cedano Excelente, cada vez que me pongo a leer acerca de frontend quedo fascinado por los diseños, claro que surgen mis dudas y quisiera implementarlo en un proyecto, aunque realmente no he encontrado mucho sobre donde descargarlos o así, creo, que tendré que aprender hacerlos con photoshop Commented el 13 nov. 2017 a las 18:26
  • No sé si estás usando un CMS como WordPress u otro. Si es así hay muchos temas que los traen incorporados y luego tú los personalizas sin programar nada, solamente usando CSS. En mi caso ha sido así.
    – A. Cedano
    Commented el 13 nov. 2017 a las 18:33
  • @A.Cedano, de hecho de un tema de wordpress me surgió la inquietud y quisiera usarlo en un proyecto creado desde 0, y es alli donde me surgió la duda de como implementarlo Commented el 13 nov. 2017 a las 18:44
  • No es tan complicado. Por ejemplo, lo de las imágenes que se van sucediendo se hace con jQuery: jQuery("#featured").backstretch(["https://c1.staticflickr.com/6/5639/30368995916_96b0033921_c.jpg", "https://c1.staticflickr.com/9/8270/30353995236_67d9bf6625_z.jpg", "https://c1.staticflickr.com/4/3673/33306759491_9e31e7d281_z.jpg"], { centeredY: false, duration: 5000, fade: 900 }); y todo lo demás es cuestión de CSS.
    – A. Cedano
    Commented el 13 nov. 2017 a las 18:57

1 respuesta 1

3

En inglés lo llaman "pattern background overlay" (cobertor con patrón de fondo, literalmente) y no es más que un div encima del vídeo con una imagen, que tiene el patrón de líneas o puntos, puesta como fondo y con una cierta transparencia para que se vea lo que hay detrás. Puedes ver un ejemplo de cómo se hace en esta web

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.