Gooey Bubble Footer Animation with Pure CSSGooey Bubble Footer Animation with Pure CSS
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Sohrab's avatar
Sohrab Khan
• Oct 20
Footers don’t have to be the boring part of a website. 🫧
This one is made of tiny bubbles that rise up and melt into the page edge, like the whole thing is breathing. It’s a pure CSS blur and contrast trick, so there’s no heavy library and no video, just a gooey little moment at the bottom of the scroll.
Teal, lime and a lot of soft motion. Which color should I try next? 👇
GSAPWebflowJavaScript
Back to feed
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started