Efecto CSS “rejilla / cuadricula” semitransparente

publicado por: Anonymous

Estoy tratando de colocar un efecto CSS “rejilla / cuadricula” a un entero.

En esta web se puede ver el ejemplo (abarca toda la primera seccion y el navbar)
http://demo.uncommons.pro/themes/wp/maya/wedding/

No pude encontrar en su CSS el valor que genera dicho efecto

¿Alguna idea?

solución

Ese efecto lo logran con una imagen de 2×2 píxeles, y el pseudoelemento ::after

.dotted:after {
  background: url("../img/pattern_dot.png") repeat left top rgba(0,0,0,0.5);
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0.3;
  position: absolute;
  top: 0;
  bottom: 0;
}
Respondido por: Anonymous

Leave a Reply

Your email address will not be published. Required fields are marked *