Friday, February 20, 2015

Slightly Buggy CSS Lava Lamp

So here's a slightly buggy demo I wrote up after I read Chris Coyier's short tut on shape blobbing. I thought it was a cool effect and that it could probably be used to achieve something that looked a little like a Lava Lamp.

Essentially I generate a bunch of square divs made to look like circles (setting border-radius), make them randomly move either up or down at varying speeds.

I should probably spend a little time cleaning up the code -- I suppose that's what you get when you code while watching Project Runway :P

See the Pen wBmbee by Blaize Kaye (@bomoko) on CodePen.

No comments:

Post a Comment

Note: Only a member of this blog may post a comment.