Spectra UI
ShowcaseAnimations

Blur Fade

Blur fade in and out animation. Used to smoothly fade in and out content.

Random stock image 1
Random stock image 2
Random stock image 3
Random stock image 4
Random stock image 5
Random stock image 6
Random stock image 7
Random stock image 8
Random stock image 9

Installation


npx spectraui-cli add globe

Examples


Props


PropTypeDefault
children
React.ReactNode
-
className
string
-
variant
object
-
duration
number
0.4
delay
number
-
yOffset
number
6
inView
boolean
-
inViewMargin
string
-50px
blur
string
6px

On this page