#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…

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.


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


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


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…


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


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


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.


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.


“The Omega 10” Before the Omega 13, some distant travellers found the Omega 10. This week’s #CodePenChallenge on the theme of particle shapes. Made with #threejs #gsap #javascript View it live on #CodePen at codepen.io/daledesilva/fu…


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


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


A fun CSS-only experimentation using modern features (anchor positioning, @​property, :has(), and more!) for this week #codepenchallenge Demo: codepen.io/t_afif/full/Jo… via @CodePen


That's what I did for this week's #CodePenChallenge - a 3D dial graph slash round progress bar (you can use it however), completely dynamic, everything is set and calculated with tons of custom properties and lots and lots of calc() functions (well, that was the challenge 😎).…


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…

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…


For the cpc-css-harvest #CodePenChallenge I reworked my old responsive timeline of HTML @CodePen to use sibling-index() codepen.io/vcurd/pen/Wbwd…


未找到 "#codepenchallenge" 的結果

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).

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

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

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

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

Harvest — shape() and corner-shape() for this weeks #codepenchallenge! codepen.io/stoumann/pen/X… via @CodePen

madsstoumann's tweet image. Harvest — shape() and corner-shape() for this weeks #codepenchallenge! codepen.io/stoumann/pen/X… via @CodePen

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

SVG filters are quite powerful. This image is 2.1 MB in JPG format, while in SVG it's only 480 bytes 🤯 Sand Grooves 🏖️ (480 bytes) #PetitePatterns on @CodePen #CodePenChallenge codepen.io/finnhvman/pen/…

finnhvman's tweet image. SVG filters are quite powerful. This image is 2.1 MB in JPG format, while in SVG it's only 480 bytes 🤯

Sand Grooves 🏖️ (480 bytes) #PetitePatterns on @CodePen #CodePenChallenge

codepen.io/finnhvman/pen/…

👋 Hey #webdevelopment community, I'm diving into this week's #CodePenChallenge on Navigation Bars! 🛠️ Built with HTML, CSS, and a sprinkle of JavaScript.🎉 codepen.io/CodeMentorUK/p… #100DaysOfCode #CodeNewbie #CodeNewbies

DevBillyM's tweet image. 👋 Hey #webdevelopment community, I'm diving into this week's #CodePenChallenge on Navigation Bars! 🛠️

Built with HTML, CSS, and a sprinkle of JavaScript.🎉

codepen.io/CodeMentorUK/p…

#100DaysOfCode #CodeNewbie #CodeNewbies

Loading...

Something went wrong.


Something went wrong.


United States Trends