removing seperate lavalamp section
This commit is contained in:
parent
db90b955d1
commit
ecefaa45f3
1 changed files with 0 additions and 27 deletions
|
|
@ -1,27 +0,0 @@
|
||||||
---
|
|
||||||
title: "HTML/CSS Lavalamp"
|
|
||||||
date: 2026-01-04
|
|
||||||
description: "A pure CSS lavalamp animation with floating blobs"
|
|
||||||
icon: "lavalamp"
|
|
||||||
demo_url: ""
|
|
||||||
source_url: ""
|
|
||||||
draft: false
|
|
||||||
---
|
|
||||||
|
|
||||||
A mesmerizing lavalamp effect created with HTML, CSS, and JavaScript. Features smooth floating animations and gradient blobs that rise and fall like a classic lava lamp.
|
|
||||||
|
|
||||||
## Want Your Own Customizable Lava Lamp?
|
|
||||||
|
|
||||||
Check out the [Adoptables page](/resources/adoptables/) where you can customize your own lava lamp with your choice of colors, blob count, and animation speed - then get the embed code to add it to your own website!
|
|
||||||
|
|
||||||
## Features
|
|
||||||
|
|
||||||
- Smooth, organic floating motion
|
|
||||||
- Customizable colors and blob shapes
|
|
||||||
- Adjustable animation speed and blob count
|
|
||||||
- Responsive design
|
|
||||||
- Self-contained embed code
|
|
||||||
|
|
||||||
## How It Works
|
|
||||||
|
|
||||||
The animation uses CSS keyframes to create the illusion of blobs floating up and down. Multiple blob elements with different animation delays and paths create a realistic lava lamp effect. An SVG filter creates the "goo" effect that makes the blobs merge together smoothly.
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue