From ecefaa45f3eca43142a78b9d7b43898575276fe6 Mon Sep 17 00:00:00 2001 From: Dan Date: Sun, 11 Jan 2026 08:39:31 +0000 Subject: [PATCH] removing seperate lavalamp section --- content/resources/lavalamp/index.md | 27 --------------------------- 1 file changed, 27 deletions(-) delete mode 100644 content/resources/lavalamp/index.md diff --git a/content/resources/lavalamp/index.md b/content/resources/lavalamp/index.md deleted file mode 100644 index 66b2243..0000000 --- a/content/resources/lavalamp/index.md +++ /dev/null @@ -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.