{"version":"1.0","type":"rich","title":"CSS3 dots patterns","description":"This example demonstrates a purely CSS-based technique for generating dot patterns without any images or JavaScript. It uses two stacked `linear-gradient` functions to create a repeating grid of dots: one gradient controls the vertical fading of each dot, while the other defines the horizontal spacing and color opacity. The pattern is applied via `background-image` with a `background-size` of `.25em`, producing a seamless tiled texture. A second CSS file shows how to apply a simple red color style, though the core visualization relies entirely on CSS3 gradients and no external libraries or data sources.","provider_name":"VizHub AI Studio","provider_url":"https://next.vizhub.com","html":"<iframe src=\"https://next.vizhub.com/viz/gist-1097177?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"1\"></iframe>","width":960,"height":500,"cache_age":3600}