Preferences

Smoke Away

VANISH

Customize

Text

Smoke Y (px)-20

Smoke Scale1.6

Smoke Blur (px)8

Property	Type	Default	Description
`text`	string	`"VANISH"`	Display text to animate.
`smokeY`	number	`-20`	Vertical offset (px) each character floats to on hover. Negative floats up, positive sinks down.
`smokeScale`	number	`1.6`	Scale factor applied to a character on hover, e.g. 1.6 grows it 60%.
`smokeBlur`	number	`8`	Blur intensity (px) applied on hover to create the smoke dissolve look.
`returnEase`	string	`"back.out(2)"`	GSAP ease used when the character returns to its resting state on mouse leave.
`color`	string	`"#d35af8"`	CSS color value applied to each character, e.g. "#fff" or "crimson".
`className`	string	`""`	Extra classes applied to the root wrapper div.

text

Typestring

Default"VANISH"

Display text to animate.

smokeY

Typenumber

Default-20

Vertical offset (px) each character floats to on hover. Negative floats up, positive sinks down.

smokeScale

Typenumber

Default1.6

Scale factor applied to a character on hover, e.g. 1.6 grows it 60%.

smokeBlur

Typenumber

Default8

Blur intensity (px) applied on hover to create the smoke dissolve look.

returnEase

Typestring

Default"back.out(2)"

GSAP ease used when the character returns to its resting state on mouse leave.

color

Typestring

Default"#d35af8"

CSS color value applied to each character, e.g. "#fff" or "crimson".

className

Typestring

Default""

Extra classes applied to the root wrapper div.

gsap 3.15.0

Crafted withbyMohammad Tasin