pacman css3pattern
✓ Published0🌍 Public
Aabernier
Last edited Aug 13, 2011
Created on Jul 28, 2011
A CSS-only pattern generates a tiled Pac-Man maze background using stacked linear and radial gradients. The code defines repeating horizontal blue stripes, a white dot grid, and black geometric shapes that form the maze walls, with a yellow radial gradient creating Pac-Man’s body. Each element is positioned via pixel-based offsets and scaled using the background-size property, producing a seamless repeating tile. The effect relies entirely on gradient functions like `-webkit-linear-gradient` and `-webkit-radial-gradient`, with no images or external assets.
AI-generated description