I found this old article about making wavy lines with CSS, and decided to play around with it!

Here’s the final result:

See the Pen Wavy diving board by Cassidy (@cassidoo) on CodePen.

It’s not the most gorgeous art in the world, but it was interesting combining the wavy gradients with CSS skew and corner-shape for some diagonal lines. I admit I didn’t do this in the most efficient way, but it was fun!

I recorded a video of myself going from sketch to Pen, check it out:

There was definitely a point where the skew transform totally had me spiraling, but besides that, it was a fun way to just force myself to sit down and code for a bit, with no AI in my way.

Until next time!