GhostLayer — ghost-layer

PREVIEW

GHOST

USAGE

case 'glass-button': return ; case 'neon-glow': return ; case 'floating-button': return ;

import { GhostLayer } from '@oalacea/chaosui/effects/ghost-layer';

<GhostLayer
  ghosts={[
    { id: '1', text: 'I remember...', position: { x: 100, y: 100 } },
    { id: '2', text: 'The ocean sang', position: { x: 300, y: 200 } }
  ]}
  revealDistance={200}
/>

PROPS

PropTypeDefault

ghostsGhost items with id, text, position

GhostItem[]-

baseOpacityBase opacity (0-1)

number0.03

revealOpacityHover opacity (0-1)

number0.15

revealDistancePixel radius for reveal

number150

showScanLineShow scan line following mouse

booleantrue