← Back to dashboard

red and white L-shaped gradient

Model: simple_base_models_oneshot | Tier: simple | ID: 9741670a-56fa-49e6-9b46-185c988ec905_d9d3bfbefbf2a81d | 3 elements

0.000
Editability
0.000
Coverage
1.000
Purity
0.000
Crosstalk
1.000
Compact
1.000
Locality
1.000
Contiguity
full
Showing: full SVG

Concept Groups

red: 0 1 2
white l-shaped gradient:

Elements — click to highlight

#TagConceptPurityContributions
0 rect red
1.000
red
0.000
white l-shap
0.000
1 mask red
1.000
red
0.000
white l-shap
0.000
2 rect red
1.000
red
0.000
white l-shap
0.000

SVG Code

<svg width="500" height="500" xmlns="http://www.w3.org/2000/svg"> <defs> <linearGradient id="lGradient" x1="0%" y1="0%" x2="100%" y2="100%"> <stop offset="0%" stop-color="white" /> <stop offset="100%" stop-color="red" /> </linearGradient> </defs> <!-- Background rectangle with L-shaped gradient --> <rect x="0" y="0" width="500" height="500" fill="url(#lGradient)" /> <!-- Mask to create the L-shape effect (transparent bottom-right) --> <mask id="lShapeMask"> <rect x="0" y="0" width="500" height="500" fill="white" /> <!-- Transparent rectangle in the bottom-right to create the L-shape --> <rect x="250" y="250" width="250" height="250" fill="black" /> </mask> <!-- Apply mask to the gradient rectangle --> <rect x="0" y="0" width="500" height="500" fill="url(#lGradient)" mask="url(#lShapeMask)" /> </svg>