Stripes
Alternating colored stripes with animation
Alternating colored stripes with animation
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| colorA | color | #000000 | First stripe color |
| colorB | color | #ffffff | Second stripe color |
| angle | range | 45 | Angle of stripes in degrees |
| density | range | 5 | Number of stripe pairs visible |
| balance | range | 0.5 | Ratio of the two colors |
| softness | range | 0 | Edge softness |
| speed | range | 0.2 | Animation speed |
| offset | range | 0 | Phase offset for pattern positioning |
| colorSpace | "linear" | "oklch" | "oklab" | "hsl" | "hsv" | "lch" | linear | Color space for interpolation |
Usage
vue
<Shader>
<Stripes />
</Shader>