March 16th: Landscapes, Legends, and Life
CodePen Home Pure CSS Landscape - An Evening in Southwold
CSS fine artist Ben Evans brings his astonishing trilogy to a close with this gorgeous CSS sunset. Check out the Pen description for a time-lapse YouTube video that shows how it was done!Sponsored:
Separate Your Releases from Deployments
Progressively release new features with Rollout. It's the safest way to deliver new features faster and smarter to customers. Free Trial.
Gray Spiral Delaunay with Texture
"Each triangle's color is determined by its position and simplex noise" in Johan Karlsson's jewel-like Pen. The pattern is rearranged on every refresh.
Smash to Submit Button
This button from Aaron Iker really makes you work for it. Keep clicking and lifting to submit, you got this!
CodePen Radio #259: Teaching with CodePen
Stephen and Chris talk about the various ways CodePen is used in education - both formal and "for fun". Documentation, streaming, code camps, and more!
"No, the title doesn’t contain a typo. Because if you dare touch this slider, it’ll unleash its fury!" From Jon Kantner.
CodePen Reel 2020
Tom Miller shares a demo reel of 26 imaginative Pens on Vimeo. Check out the video description for links to all of the featured Pens!
#CodePenChallenge: Conway's Game of Life
You Should Probably Learn React
Pi to 10,000 Digits
Cassidy Williams bakes up a tasty Pen for Pi Day! Scroll through for a celebration of this legendary number.
Stacked Rainbow Cards
Sarah Fossheim's stacks the cards with a retro rainbow theme. Hover over the cards to animate the colors, and check out the CSS to see how box-shadow came into play.
CodePen Home Elusive Unicorn (Particle Repeller on Move and Hover)
Try to reach out to richard_w_here's unicorn and you'll find it's as hard to catch this mythical creature in a Pen as it is in real life.
"Generated WebGL "planetoid" style animated patterns. Click anywhere for new planetoid, or engage the Demo Mode for a fresh pattern every few seconds." From Scott Weaver.
CSS Flipping Text
Jh3y demonstrates a "repeat delay in vanilla CSS" with this flippin' great boxes!