Pure #CSS #pattern on @codepen.io: connectors codepen.io/thebabydino/... Made with two grids of targets, one with black in the middle, the other one with white, offset by half a background-size. These targets touch diagonally, so their size within background box is computed as in the hand drawing.