#codepenchallenge Suchergebnisse

The December #CodePenChallenge is on! This month, it's a Winter Wonderland ☃️ codepen.io/challenges/202… Thanks @MongoDB for sponsoring! srv.buysellads.com/ads/long/x/THD…

CodePen's tweet image. The December #CodePenChallenge is on!
This month, it's a Winter Wonderland ☃️
codepen.io/challenges/202… 
Thanks @MongoDB for sponsoring! srv.buysellads.com/ads/long/x/THD…

Poline is built for a smooth dev experience — simple functions per axis. But Bezier curves feel nicer for the end user. The current #CodePenChallenge @CodePen felt like a good chance to experiment. I’ll refine it more before baking it into Poline.


Everyone is talking about scroll-driven animations, but what about scroll-driven games?! So in honor of this week's #CodePenChallenge, which is all about mazes, I decided to build a maze (in pure #CSS of course) that is controlled by scrolling. 😀 You can move the two bars…


It's the final week of the November #CodePenChallenge! This week, it's time to bring your favorite new CSS feature to the table 🧑‍🌾 codepen.io/challenges/202… Thanks @Pluralsight for sponsoring: srv.buysellads.com/ads/long/x/T6H…


Skeuomorphic Range Sliders for #CodePenChallenge 🎚️ @CodePen link below ⬇️


Here's a little thing I made for the 1st #CodePenChallenge of '25, using pure CSS scroll driven animations, grid, variables, mathematical functions, container query units. Also uses an SVG filter for the dissolve effect. Check it out on @CodePen! Link from video. Chromium only.


I made a thing: scroll-driven, almost pure CSS infinite circular gallery rotation - check it out on @CodePen codepen.io/thebabydino/pe… Using scroll-driven animations and the tiniest bit of JS for the infinity part of it. Made with 🖤 for this week's #CodePenChallenge.


just made this design for the @CodePen play button challenge. been wanting to make this animation for a while now. check it out on CodePen for a little surprise (it's not rickroll, I promise): codepen.io/Juxtopposed/pe… #CodePen #CodePenChallenge


Morphing particles in Three.js with interactive shape transitions, bloom effects, and real-time controls. Powered by WebGL and post-processing. Code: codepen.io/VoXelo/pen/qEB… #Threejs #WebGL #CodePenChallenge


A little something combining CSS shapes, trigonometry, plus scroll-driven animations on @CodePen: angled slide! codepen.io/thebabydino/fu… Also an entry for this week's #CodePenChallenge.


Well hold on, that's not a firework! More like a cluster bomb with those old school @WormsTeam17 vibes. #CodePenChallenge WIP


My submission for @CodePen 's Fireworks challenge: "Neon Fireworks" codepen.io/MananTank/full… #codepenchallenge


It's the final week of the Halloween #CodePenChallenge! Let's have some fun 🎃 codepen.io/challenges/202… Thanks @Redisinc for sponsoring: srv.buysellads.com/ads/long/x/THM…

CodePen's tweet image. It's the final week of the Halloween #CodePenChallenge!
Let's have some fun 🎃

codepen.io/challenges/202… 

Thanks @Redisinc for sponsoring: srv.buysellads.com/ads/long/x/THM…

OooooooooooOOOOOoooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo @CodePen @greensock #codepenchallenge #geometry codepen.io/ycw/full/PoBrM…


Haven't had it in me to do anything for the past week's #CodePenChallenge, so here's an older demo that fits: CSS infinite scroll gallery codepen.io/thebabydino/pe… One of my most hearted demos ever & my only one to get > 1000 ❤️ without being in the most hearted of previous year.


Keine Ergebnisse für "#codepenchallenge"

The December #CodePenChallenge is on! This month, it's a Winter Wonderland ☃️ codepen.io/challenges/202… Thanks @MongoDB for sponsoring! srv.buysellads.com/ads/long/x/THD…

CodePen's tweet image. The December #CodePenChallenge is on!
This month, it's a Winter Wonderland ☃️
codepen.io/challenges/202… 
Thanks @MongoDB for sponsoring! srv.buysellads.com/ads/long/x/THD…

For this week's #CodepenChallenge, I've used a bunch of techniques to recreate a page from Hirayama Fireworks catalog, 1883 codepen.io/stoumann/pen/M… via @CodePen

madsstoumann's tweet image. For this week's #CodepenChallenge, I've used a bunch of techniques to recreate a page from Hirayama Fireworks catalog, 1883 codepen.io/stoumann/pen/M… via @CodePen

Code is the canvas, programming is the art. #tech #twitech #CodePenChallenge

Malitfx1's tweet image. Code is the canvas, programming is the art.
#tech #twitech #CodePenChallenge

No text duplication layered 3D effect with SVG filter magic 🪄 🍭 codepen.io/thebabydino/pe… 🍭 codepen.io/thebabydino/pe… #CodePenChallenge In Bucharest, there used to be a cake shop called Candy Cat (logo 🐈 below). More recently, there's a candy 🍬 store (last image).

anatudor's tweet image. No text duplication layered 3D effect with SVG filter magic 🪄

🍭 codepen.io/thebabydino/pe…
🍭 codepen.io/thebabydino/pe…

#CodePenChallenge 

In Bucharest, there used to be a cake shop called Candy Cat (logo 🐈 below). More recently, there's a candy 🍬 store (last image).
anatudor's tweet image. No text duplication layered 3D effect with SVG filter magic 🪄

🍭 codepen.io/thebabydino/pe…
🍭 codepen.io/thebabydino/pe…

#CodePenChallenge 

In Bucharest, there used to be a cake shop called Candy Cat (logo 🐈 below). More recently, there's a candy 🍬 store (last image).

Layered text meets cross-stitch! 🧵✨ For this #CodePenChallenge, I crafted an SVG filter for a textured shadow that gives text a handmade feel. Edit the text & see it in action! #Typography #SVG codepen.io/rodzyk/full/zY…


Turn your images into an old style Film Strip! #CodePenChallenge Demo: codepen.io/t_afif/full/yL… via @CodePen #CSS

ChallengesCss's tweet image. Turn your images into an old style Film Strip! #CodePenChallenge

Demo: codepen.io/t_afif/full/yL… via @CodePen 

#CSS

This week's #CodePenChallenge felt a bit like CSS Zen Garden! codepen.io/stoumann/pen/G… via @CodePen

madsstoumann's tweet image. This week's #CodePenChallenge felt a bit like CSS Zen Garden! codepen.io/stoumann/pen/G… via @CodePen

Have you seen the logo I created for the #CodePenChallenge?👀 You can find it in my "Random Breaking Quotes" project, which is inspired by the iconic TV series #BreakingBad. #BreakingBadLogo #WebDesign #FrontEnd #CodePen #GraphicDesign #LogoDesign #HTML #CSS #JavaScript #Design

DeyJordan's tweet image. Have you seen the logo I created for the #CodePenChallenge?👀

You can find it in my "Random Breaking Quotes" project, which is inspired by the iconic TV series #BreakingBad.

#BreakingBadLogo #WebDesign #FrontEnd #CodePen #GraphicDesign #LogoDesign #HTML #CSS #JavaScript #Design

#CodePenChallenge inspired me to create another quotes work! Check out my latest creation featuring random quotes from Breaking Bad with a cool animation 🗣️ @CodePen: codepen.io/DeyJordan/pen/… #BreakingBad #HTML #CSS #animation #WebDesign #FrontEnd



🎨 A CSS Pattern for this week #CodePenChallenge Demo: codepen.io/t_afif/full/MW… via @CodePen More CSS-only Patterns 👉 github.com/Afif13/CSS-Pat… #CSS

ChallengesCss's tweet image. 🎨 A CSS Pattern for this week #CodePenChallenge 

Demo: codepen.io/t_afif/full/MW… via @CodePen 

More CSS-only Patterns 👉 github.com/Afif13/CSS-Pat…

#CSS
ChallengesCss's tweet image. 🎨 A CSS Pattern for this week #CodePenChallenge 

Demo: codepen.io/t_afif/full/MW… via @CodePen 

More CSS-only Patterns 👉 github.com/Afif13/CSS-Pat…

#CSS

Hey guys 👋! So I've been working on this project of late to create a dashboard 📇 with React, I hope you like it ❤️❣️ You could check out the code on replit dashboard-replicate--tso4la1.repl.co and hit me with your comments. #DeveloperJobs #CodePenChallenge #html2023 #React #programmer

TsolaJohn85487's tweet image. Hey guys 👋!
So I've been working on this project of late to create a dashboard 📇 with React, I hope you like it ❤️❣️
You could check out the code on replit dashboard-replicate--tso4la1.repl.co and hit me with your comments.
#DeveloperJobs 
#CodePenChallenge 
#html2023 
#React 
#programmer

Check out the Playing Card component that I released on @CodePen codepen.io/Northstrix/pen… Shapes & Lines #CodePenChallenge

maxim_bortnikov's tweet image. Check out the Playing Card component that I released on @CodePen codepen.io/Northstrix/pen…

Shapes & Lines #CodePenChallenge

Check out this vanilla HTML/CSS/JS color picker that I made for the November 2025 #CodePenChallenge It uses the custom select menu with appearance: base-select. Codepen: codepen.io/Northstrix/pen… It's based on 21st.dev/community/comp… I found on @21st_dev #buildinpublic

maxim_bortnikov's tweet image. Check out this vanilla HTML/CSS/JS color picker that I made for the November 2025 #CodePenChallenge

It uses the custom select menu with appearance: base-select.

Codepen: codepen.io/Northstrix/pen…

It's based on 21st.dev/community/comp… I found on @21st_dev 

#buildinpublic

Custom select using appearance: base-select for this week’s @CodePen challenge. Check it out 👇 codepen.io/armanb/pen/jEq… #CodePenChallenge #CSS #Frontend

Arman_Borkhani's tweet image. Custom select using appearance: base-select for this week’s @CodePen challenge.

Check it out 👇
codepen.io/armanb/pen/jEq…

#CodePenChallenge #CSS #Frontend

Loading...

Something went wrong.


Something went wrong.


United States Trends