#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 October #CodePenChallenge is on! It's Halloween Time 🎃 codepen.io/challenges/202… Thanks @Redisinc for sponsoring: srv.buysellads.com/ads/long/x/THM…

CodePen's tweet image. The October #CodePenChallenge is on!
It's Halloween Time 🎃
codepen.io/challenges/202… 

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

Coded for #codepenchallenge : Glowing "Digital Anomaly" text over a rotating, color-shifting 3D cube with glitch/bloom effects. Uses Three.js, orbit controls, and post-processing. Source Code: codepen.io/VoXelo/pen/NPW… #threejs #webgl


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…


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


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


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.


Hey, I made a thing for this week's complementaries #CodePenChallenge! codepen.io/thebabydino/de… (if you're a Ko-fi/Patreon supporter, you may have already seen the pre-prettified version) The description has a detailed "behind the demo" explanation. Enjoy!

anatudor's tweet image. Hey, I made a thing for this week's complementaries #CodePenChallenge!
codepen.io/thebabydino/de…

(if you're a Ko-fi/Patreon supporter, you may have already seen the pre-prettified version)

The description has a detailed "behind the demo" explanation.

Enjoy!

New week, new #CodePenChallenge! This week, we're blending & mixing colors 🎨 codepen.io/challenges/202… Thanks @MongoDB for sponsoring! srv.buysellads.com/ads/long/x/TCR…

CodePen's tweet image. New week, new #CodePenChallenge!
This week, we're blending & mixing colors 🎨

codepen.io/challenges/202… 

Thanks @MongoDB for sponsoring! srv.buysellads.com/ads/long/x/TCR…

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


This week's #CodePenChallenge is all about Fireworks. So I did some, with #CSS, and don't let anybody tell you that you can't do particle animations in CSS. 🤣 Live demo on @CodePen: codepen.io/amit_sheen/ful…


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


This week's #CodePenChallenge is about Particle Shapes, so I thought it's a good time to redo this Ball of Balls. #CSS only, 360 balls, 1 animation. 😊 Live demo on @CodePen: codepen.io/amit_sheen/ful…


The October #CodePenChallenge is on! It's Halloween Time 🎃 codepen.io/challenges/202… Thanks @Redisinc for sponsoring: srv.buysellads.com/ads/long/x/THM…

CodePen's tweet image. The October #CodePenChallenge is on!
It's Halloween Time 🎃
codepen.io/challenges/202… 

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

Oooo - a built-in ColorPicker with ZIM for the @CodePen #CodePenChallenge for Color Wheel. Here we can use a dropper just like PhotoShop. And check out Dr Abstract playing mini-put on the moon! codepen.io/zimjs/pen/qEbb…


This week's @CodePen challenge built with color-name-api made by @meodai ✨ 🔗 codepen.io/vii120/pen/yye… #codepen #codepenchallenge


It's the final week of the September #CodePenChallenge This week, let's spin the color wheel! codepen.io/challenges/202… Thanks @MongoDB for sponsoring: srv.buysellads.com/ads/long/x/TCR…

CodePen's tweet image. It's the final week of the September #CodePenChallenge
This week, let's spin the color wheel!

codepen.io/challenges/202… 

Thanks @MongoDB for sponsoring: srv.buysellads.com/ads/long/x/TCR…

Week three of the September #CodePenChallenge is on This week, let's go monochrome! codepen.io/challenges/202… Thanks @MongoDB for sponsoring: srv.buysellads.com/ads/long/x/TCR…

CodePen's tweet image. Week three of the September #CodePenChallenge is on
This week, let's go monochrome!

codepen.io/challenges/202… 

Thanks @MongoDB for sponsoring: srv.buysellads.com/ads/long/x/TCR…

New week, new #CodePenChallenge! This week, we're blending & mixing colors 🎨 codepen.io/challenges/202… Thanks @MongoDB for sponsoring! srv.buysellads.com/ads/long/x/TCR…

CodePen's tweet image. New week, new #CodePenChallenge!
This week, we're blending & mixing colors 🎨

codepen.io/challenges/202… 

Thanks @MongoDB for sponsoring! srv.buysellads.com/ads/long/x/TCR…

The September #CodePenChallenge begins! This month, we're working with the color wheel 🎨 codepen.io/challenges/202… Thanks @MongoDB for sponsoring! srv.buysellads.com/ads/long/x/TCR…

CodePen's tweet image. The September #CodePenChallenge begins!
This month, we're working with the color wheel 🎨

codepen.io/challenges/202… 

Thanks @MongoDB for sponsoring! srv.buysellads.com/ads/long/x/TCR…

Hey, I made a thing for this week's complementaries #CodePenChallenge! codepen.io/thebabydino/de… (if you're a Ko-fi/Patreon supporter, you may have already seen the pre-prettified version) The description has a detailed "behind the demo" explanation. Enjoy!

anatudor's tweet image. Hey, I made a thing for this week's complementaries #CodePenChallenge!
codepen.io/thebabydino/de…

(if you're a Ko-fi/Patreon supporter, you may have already seen the pre-prettified version)

The description has a detailed "behind the demo" explanation.

Enjoy!

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.


It's the final week of the August #CodePenChallenge! Let's play with light & shadow ❍ codepen.io/challenges/202… Thanks @pluralsight for sponsoring srv.buysellads.com/ads/long/x/TC2…

CodePen's tweet image. It's the final week of the August #CodePenChallenge!
Let's play with light & shadow ❍

codepen.io/challenges/202… 

Thanks @pluralsight for sponsoring srv.buysellads.com/ads/long/x/TC2…


Always wanted to create that glass-reflection effect in WebGL… finally did it thanks to the @CodePen #CodePenChallenge! 🪞🌈 🔗 codepen.io/sijad/full/zxv…


Made a REFLECTOR for the @CodePen #CodePenChallenge for #Reflection codepen.io/zimjs/pen/bNVv… You can reflect horizontally or vertically and save a screen cap. #JavaScript #Canvas #ZIMjs

Dr_Abstract's tweet image. Made a REFLECTOR for the @CodePen #CodePenChallenge for #Reflection 

codepen.io/zimjs/pen/bNVv…

You can reflect horizontally or vertically and save a screen cap.

#JavaScript #Canvas #ZIMjs

It's week 3 of the August #CodePenChallenge! This week is all about reflection🪞 codepen.io/challenges/202… Thanks @Pluralsight for sponsoring: srv.buysellads.com/ads/long/x/TC2…

CodePen's tweet image. It's week 3 of the August #CodePenChallenge!
This week is all about reflection🪞

codepen.io/challenges/202… 

Thanks @Pluralsight for sponsoring: srv.buysellads.com/ads/long/x/TC2…

Got my @CodePen shadow challenge done!😊 Used data-text with CSS to make text shadows without writing the same text twice in HTML👩🏻‍💻💪🏻 #CodePenChallenge #CSS codepen.io/HighFlyer/pen/…


New #CodePenChallenge accepted and done! This interactive Colorful 3D Text shadow is done with @toruskit. Live: toruskit.com/labs/cpc-shadow #CSSAnimation #LowCode #WebAnimations


The August #CodePenChallenge continues! This week, we move into the shadows ❍ codepen.io/challenges/202… Thanks @pluralsight for sponsoring! srv.buysellads.com/ads/long/x/TC2…

CodePen's tweet image. The August #CodePenChallenge continues!
This week, we move into the shadows ❍

codepen.io/challenges/202… 

Thanks @pluralsight for sponsoring! srv.buysellads.com/ads/long/x/TC2…

"#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'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).

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

The August #CodePenChallenge is on! This month is all about light & shadow It time to shine 💡 codepen.io/challenges/202…

CodePen's tweet image. The August #CodePenChallenge is on!
This month is all about light & shadow
It time to shine 💡
codepen.io/challenges/202…

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…


🎨 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

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

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's kick it off with a deep dive into figures
codepen.io/challenges/202…


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



Loading...

Something went wrong.


Something went wrong.


United States Trends