Parallax

Shifts content relative to scroll.

Parallax layer

import { BuiParallax } from 'ng-blatui';

<bui-parallax [speed]="0.3">Floating layer</bui-parallax>

Horizontal

Moves on the X axis

<bui-parallax axis="x" [speed]="0.4">Moves on the X axis</bui-parallax>

Prop	Type	Default	Description
`speed`	`number`	`0.3`	Parallax intensity; higher moves content more per scroll.
`axis`	`"x" \| "y"`	`'y'`	Axis along which the content shifts.

Every ng-blatui component also accepts a class input to merge extra Tailwind classes onto the host.