Making Things in December #7: Funky Border Animation Codepen

For day 7 of making something every day in December, I made a Codepen of a little funky border animation concept I’ve been thinking about:

See the Pen
dyPYwdj by Brad Frost (@bradfrost)
on CodePen.

I’ll admit that it’s not anywhere near I’d want it to be, but it was good to get the idea out of my head and to start exploring it in the browser. I’ll likely try some different passes at it using different approaches (SVG, border-image, background linear gradients, etc) until I accomplish what I’m after. But for now, this’ll do.

Making things in December timeline:

• Day 1: recorded new song
• Day 2: wrote blog post called Music and Web Design
• Day 3: assembled a jeweler’s bench and recorded a Chaka Khan song
• Day 4: animated atom SVG
• Day 5: jamming with Ian
• Day 6: wrote blog post called Doing It Right
• Day 7: animated border Codepen