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.

textstring

Display text to animate.

Default"VANISH"

smokeYnumber

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

Default-20

smokeScalenumber

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

Default1.6

smokeBlurnumber

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

Default8

returnEasestring

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

Default"back.out(2)"

colorstring

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

Default"#d35af8"

classNamestring

Extra classes applied to the root wrapper div.

Default""

gsap 3.15.0

Crafted withbyMohammad Tasin