Layered animated background component
Requires
- module:react
Methods
# inner LayeredBackground(props) → {React.Component}
LayeredBackground Component - Combines multiple animations in layers
Parameters:
| Name | Type | Attributes | Default | Description |
|---|---|---|---|---|
props |
Object
|
Component props |
||
layers |
Array.<AnimationLayer>
|
Array of animation layers |
||
fps |
number
|
<optional> |
60 | Frames per second for the animation |
style |
Object
|
<optional> |
Additional CSS styles for the canvas |
|
enablePerformanceMonitoring |
boolean
|
<optional> |
false | Enable performance monitoring |
A canvas element with layered animated backgrounds
React.Component
Type Definitions
Object
# AnimationLayer
Properties:
| Name | Type | Attributes | Default | Description |
|---|---|---|---|---|
animation |
string
|
Animation name |
||
opacity |
number
|
<optional> |
1 | Layer opacity (0-1) |
blendMode |
string
|
<optional> |
'normal' | Canvas blend mode for this layer |
speed |
number
|
<optional> |
1 | Speed multiplier for this layer |
config |
Object
|
<optional> |
Layer-specific configuration |