Prismatic Burst
Customize PrismaticBurst
Intensity2.0
Speed0.50
Distort1.0
Offset X0
Offset Y0
Hover Dampness0.25
Ray Count24
Props
| Property | Type | Default | Description |
|---|---|---|---|
| animationType | 'rotate' | 'rotate3d' | 'hover' | 'rotate3d' | Type of animation for the prismatic burst. |
| intensity | number | 2 | Intensity of the prismatic burst effect. |
| speed | number | 0.5 | Animation speed. |
| distort | number | 1.0 | Distortion amount for the burst effect. |
| paused | boolean | false | Pause the animation. |
| offset | { x: number; y: number } | { x: 0, y: 0 } | X and Y offset position. |
| hoverDampness | number | 0.25 | Dampness factor for hover effects. |
| rayCount | number | 24 | Number of rays in the burst. |
| mixBlendMode | React.CSSProperties['mixBlendMode'] | 'none' | 'lighten' | CSS mix blend mode for the effect. |
| colors | string[] | ['#ff007a', '#4d3dff', '#ffffff'] | Array of colors for the prismatic burst. |
| className | string | "" | Additional CSS classes for the component. |
| style | React.CSSProperties | {} | Inline styles for the component. |
Dependencies
ogl
Created with ❤️ by Cybershoora