March 20th: Infinite SVGs, GPT-4 Pens, and Back to the Future CSS
Get a taste of "GSAP's Bread and Butter" in this detailed rundown of simple tweens with from(), to(), and fromTo() methods from Web Bae.
Kostantin Denerz brings us "1.21 GIGAWATTS!" of power in this brilliant Back to the Future-inspired animated CSS illustration.
GPT-4 Demo Turns a Crude Sketch of a “My Joke Website” into a Functional Website for Revealing Jokes
Did you see Greg Brockman make a Pen from a hand-drawn mockup in the GPT-4 reveal video? We've got that clip for you here, along with more examples of how the CodePen community is experimenting with GPT.
A blobby lil buddy turns in for the night in this charming animated CSS illustration from Khanh Tran.
A curvy line races through an infinite track in this SVG animation from Andy Fitzsimon. Watch for the slick transition when the line crosses the middle!
Sophia Wood answers the #wccchallenge "organism" prompt with this noisy p5.js animation that has big "Arrival" vibes.
wheatup shares a tenacious mail count badge that stays in place no matter what the border radius on its parent changes to.
If you want to see the rock paper scissors simulator season finale for yourself, leimapapa's got you with this random flocking simulation built with p5.js.
Amit Sheen shows us how a geometric caterpillar can do the worm in this jaw-dropping CSS animation.