Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of patterns masked

Public visualization

Fork of patterns masked

0 stars0🌍 Public
Gguts
Last edited Oct 3, 2023
Created on Oct 3, 2023
Forked from patterns masked

This example uses SVG masks to create a geometric pattern of horizontal and vertical stripes that disappear within a circular region. Two complementary masks (`circle-mask` and `circle-mask2`) control which stripes are visible, with the horizontal lines masked by a black circle and the vertical lines masked by its inverse. All elements are created dynamically using the native `document.createElementNS` API, rendering 100 rectangles in each direction without any external libraries.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed