solidjs-motion

createInView (live ratio)

Multi-threshold array — continuous intersectionRatio updates during scroll.

Scroll. Each card uses a 21-threshold array (5% steps), so the observer fires continuously as you scroll past — visible opacity and scale track view.entry().intersectionRatio live.

Card 1
isInView: false ·  live ratio: 0.00
Card 2
isInView: false ·  live ratio: 0.00
Card 3
isInView: false ·  live ratio: 0.00
Card 4
isInView: false ·  live ratio: 0.00
Card 5
isInView: false ·  live ratio: 0.00
Card 6
isInView: false ·  live ratio: 0.00