Shape Blur
Customize ShapeBlur
Variation0
Pixel Ratio1
Shape Size1.5
Roundness0.5
Border Size0.05
Circle Size0.5
Circle Edge1
Props
| Property | Type | Default | Description |
|---|---|---|---|
| className | string | "" | Additional CSS classes for the component. |
| variation | number | 0 | The variation parameter for the shape blur effect. |
| pixelRatioProp | number | 2 | The pixel ratio for rendering the effect. |
| shapeSize | number | 1.2 | The size of the shapes in the blur effect. |
| roundness | number | 0.4 | The roundness of the shapes. |
| borderSize | number | 0.05 | The size of the borders around shapes. |
| circleSize | number | 0.3 | The size of circles in the effect. |
| circleEdge | number | 0.5 | The edge softness of circles. |
| style | React.CSSProperties | {} | Inline styles for the component. |
Dependencies
Three
Created with ❤️ by Cybershoora