LoginGet started — it’s free
Made in Webflow

Lava lamp animation

407 views
site profile thumbnail

Description

Lava lamp's gooey effect is achieved with SVG filters ‘feGaussianBlur’ & ‘feColorMatrix’. Not ideal for smaller fonts because they tend to disappear. Bubbles are responsive even for mobile size thanks to vmin unit I learned form Finsweet https://youtu.be/UmSB0M58tP0
Feeling inspired?If this Made In Webflow site sparked some inspo, why not get started on a project of your own? Clone a site, purchase a template or start building from scratch.
interactiveinteractioninteractionsanimationmovingbubblelavalampgooeystickyslimeysvgfiltercloneable

More by Jin Chuah

See profile
View details
Data Visualization : Gauge & Progress Circle Animation (Lottie)
15
41
© 2022 Webflow, Inc. All rights reserved.