AIMRAN
HTML + CSSBackgrounds

Risograph halftone

Three dot screens at different angles pulse in overlapping waves like a risograph print, drawn on canvas.

Settings

1x
1x
1

Code

<div class="pt-halftone"><canvas></canvas></div>

Prompt for AI

Paste it into ChatGPT, Claude or Cursor and it will adapt the block to your project with these settings, even if you don’t use React.

More in Backgrounds

See all Backgrounds

Mesh gradient

BackgroundsHTML + CSS

Northern lights background

BackgroundsHTML + CSS

Breathing gradient

BackgroundsHTML + CSS

Liquid sunset background

BackgroundsHTML + CSS

Dot grid wave

BackgroundsHTML + CSS

Synthwave grid

BackgroundsHTML + CSS

Honeycomb background

BackgroundsHTML + CSS

Diagonal light lines

BackgroundsHTML + CSS

Where to use it

A print shop look for the screen. Three halftone grids are rotated to classic screen angles and filled with your three colors, and the size of every dot follows slow moving waves, so tones swell and fade across the surface. Where the layers overlap the colors mix like ink on paper.

In light mode the layers multiply like real ink and in dark mode they add up like light, using the theme blend. Density changes the dot pitch and speed the movement of the waves. Great for music, editorial and poster style pages.