#codepenchallenge 搜尋結果

Here's a cool 3D effect on @CodePen: codepen.io/thebabydino/pe… No text duplication whatsoever, no images save for CSS gradients creating the dot pattern. The 3D effect and outline are made from SVG filter magic.🪄 An entry for this week's #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…

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…


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.


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


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.


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


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.


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

Did you ever see a wavy range slider? Me neither! Demo: codepen.io/t_afif/full/xb… via @CodePen A Chrome-only experimentation using modern features: ✅ Single element (an <input type="range">) ✅ 0 JavaScript ✅ 100% CSS Magic ✅ Useless but cool! #codepenchallenge


Our Halloween #CodePenChallenge continues! This week is all about Halloween Tricks 👻 codepen.io/challenges/202… Thanks @Redisinc for sponsoring! srv.buysellads.com/ads/long/x/THM…

CodePen's tweet image. Our Halloween #CodePenChallenge continues!
This week is all about Halloween Tricks 👻

codepen.io/challenges/202… 

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

“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


Recently, I built a Halloween report using @Flexmonster, CSS masks, and a spotlight effect for the #CodePenChallenge! 🎃 Want to find out which costume was the most popular all over the USA in 2017? Check it out in the demo: codepen.io/flexmonster/pe…


CSS animation of a Halloween night scene; Myers silhouette breathes subtly, windows flicker, fog drifts, knife blade sparkles. Click triggers a close-up. codepen.io/JSCeee-JSCeee/… #CodePen #CodePenChallenge #cpcHalloweenFun #Halloween #CSS #CreativeCoding #MichaelMyers


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&apos;s the final week of the Halloween #CodePenChallenge!
Let&apos;s have some fun 🎃

codepen.io/challenges/202… 

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

codepen.io/zimjs/pen/JoGZ… A cool book puzzle for the @CodePen #CodePenChallenge for Halloween Tricks! Here we feature the old front-end trick... the interactive book! See if you can guess which eyes are missing. #JavaScript #Canvas #ZIMjs


The "Halloween Submit Card" that I originally made for the October 2025 #CodePenChallenge and then ported to Next.js is now available as an open-source, reusable Vue component. Check it out at namer-ui-for-vue.netlify.app/components/hal… #NamerUI #OpenSource #WebDevelopment #animated #Design #Motion


未找到 "#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

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&apos;s #CodepenChallenge, I&apos;ve used a bunch of techniques to recreate a page from Hirayama Fireworks catalog, 1883 codepen.io/stoumann/pen/M… via @CodePen

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&apos;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&apos;s a candy 🍬 store (last image).

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

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…


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&apos;s only 480 bytes 🤯

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

codepen.io/finnhvman/pen/…

Chromesthesia is such an interesting phenomena, where colors are mapped to musical notes. I did a playable color/sound picker for #CodepenChallenge codepen.io/stoumann/pen/M… via @CodePen

madsstoumann's tweet image. Chromesthesia is such an interesting phenomena, where colors are mapped to musical notes. I did a playable color/sound picker for #CodepenChallenge codepen.io/stoumann/pen/M… via @CodePen

Pleased about this Color Picker. NO JAVASCRIPT, but a mask directly on `type=color` and datalists with variants. Click on the t-shirts to pick your favourite color-combo 😊 #CodepenChallenge codepen.io/stoumann/pen/q… via @CodePen

madsstoumann's tweet image. Pleased about this Color Picker. NO JAVASCRIPT, but a mask directly on `type=color` and datalists with variants. Click on the t-shirts to pick your favourite color-combo 😊 #CodepenChallenge  codepen.io/stoumann/pen/q… via @CodePen

Something for this week #CodePenChallenge Demo: codepen.io/t_afif/full/po… via @CodePen #CSS

ChallengesCss's tweet image. Something for this week #CodePenChallenge

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

#CSS

The August #CodePenChallenge starts now! This month is all about photos 📸 Let's kick it off with a deep dive into figures codepen.io/challenges/202…

CodePen's tweet image. The August #CodePenChallenge starts now!
This month is all about photos 📸
Let&apos;s kick it off with a deep dive into figures
codepen.io/challenges/202…


👋 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&apos;m diving into this week&apos;s #CodePenChallenge on Navigation Bars! 🛠️

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

codepen.io/CodeMentorUK/p…

#100DaysOfCode #CodeNewbie #CodeNewbies

You can even create kitchen countertops with SVG 🧑‍🍳 Pink Marble 🌸 (459 bytes) #PetitePatterns on @CodePen #CodePenChallenge codepen.io/finnhvman/pen/…

finnhvman's tweet image. You can even create kitchen countertops with SVG 🧑‍🍳

Pink Marble 🌸 (459 bytes) #PetitePatterns on @CodePen #CodePenChallenge

codepen.io/finnhvman/pen/…

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 &quot;Random Breaking Quotes&quot; 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



Loading...

Something went wrong.


Something went wrong.


United States Trends