#codepenchallenge Suchergebnisse
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…
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.
My latest #CodePenChallenge of cursor trails. @babylonjs #gsap Play with it here: codepen.io/daledesilva/pe…
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
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
🍁 Falling autumn leaves shader 🍁 codepen.io/ceramicSoda/pe… via @CodePen #codepenchallenge #shader #webgl #threejs
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.
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…
My submission for @CodePen 's Fireworks challenge: "Neon Fireworks" codepen.io/MananTank/full… #codepenchallenge
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…
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/…
OooooooooooOOOOOoooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo @CodePen @greensock #codepenchallenge #geometry codepen.io/ycw/full/PoBrM…
An expanding gallery for this week #CodePenChallenge 🌟 A CSS-only version with minimal code Demo: codepen.io/t_afif/full/Jj… via @CodePen #CSS
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…
The New CSS #CodePenChallenge continues! This week, we're building with the new CSS `if()` function & custom functions 💻 codepen.io/challenges/202… Thanks @Pluralsight for sponsoring: srv.buysellads.com/ads/long/x/T6H…
Basic CSS only math using the new function() & if() functions (and a dash of custom select thrown in): codepen.io/cbolson/pen/wB… via @CodePen #codepenchallenge
Custom select using appearance: base-select for this week’s @CodePen challenge. Check it out 👇 codepen.io/armanb/pen/jEq… #CodePenChallenge #CSS #Frontend
The CSS Harvest #CodePenChallenge continues! This week, we're building custom select elements with `appearance: base-select; ` codepen.io/challenges/202… Thanks @Pluralsight for sponsoring: srv.buysellads.com/ads/long/x/T6H…
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
Using the new css corner-shape property to create a fun gallery for this weeks #codepenchallenge A simple radio button allows you to toggle between the corner-shape keyword values. codepen.io/cbolson/full/W…
The November #CodePenChallenge is a CSS Harvest 🌾 This month, we're working with new CSS features, starting with CSS shape() and corner-shape codepen.io/challenges/202… Thanks @Pluralsight for sponsoring: srv.buysellads.com/ads/long/x/T6H…
A pen I made for November 2025 #CodePenChallenge codepen.io/Northstrix/pen… What do you think? Drop your thoughts in the comments.
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.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
codepen.io
Errant Eyes - For CodePen Halloween Tricks!
Here we use a front-end classic! The old book with turning pages! The Book class in ZIM can have interactive pages too - so the last couple pages fea...
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
codepen.io/zimjs/pen/Wbrz… Halloween Mask for the @CodePen #CodePenChallenge #ZIMjs
What do you think about this Halloween-themed submission card that I made for #CodePenChallenge! codepen.io/Northstrix/pen… #OpenSource #WebDevelopment #animated #Design #interactive #vanilla #HTML #Halloween #HalloweenVibes #Glow
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
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
Responsive Dashboard | Bento Style codepen.io/ecemgo/pen/YzB… @CodePen #codepen #codepenchallenge #bento #cssgrid
This week's #CodePenChallenge felt a bit like CSS Zen Garden! codepen.io/stoumann/pen/G… via @CodePen
🎨 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
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
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
Harvest — shape() and corner-shape() for this weeks #codepenchallenge! codepen.io/stoumann/pen/X… via @CodePen
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…
Custom select using appearance: base-select for this week’s @CodePen challenge. Check it out 👇 codepen.io/armanb/pen/jEq… #CodePenChallenge #CSS #Frontend
Something went wrong.
Something went wrong.
United States Trends
- 1. Kalani 6,503 posts
- 2. Penn State 9,698 posts
- 3. Stein 12.5K posts
- 4. REAL ID 7,652 posts
- 5. Vanguard 14.6K posts
- 6. Milagro 32.3K posts
- 7. Hartline 4,114 posts
- 8. TOP CALL 12.1K posts
- 9. Merry Christmas 54.9K posts
- 10. Crumbl N/A
- 11. Cyber Monday 62.2K posts
- 12. #OTGala11 187K posts
- 13. Admiral Bradley 13.5K posts
- 14. MRIs 5,210 posts
- 15. Monday Night Football 3,038 posts
- 16. Jay Hill N/A
- 17. Shakur 8,813 posts
- 18. Jaxson Dart 4,102 posts
- 19. Abdul Carter 1,774 posts
- 20. #GivingTuesday 4,443 posts