Explore tweets tagged as #CodePenChallenge
@Dr_Abstract
Dr Abstract
3 days
Slide in Slide out for the @CodePen #CodePenChallenge - here we add a ZIM Emitter as a special surprise! ZIM check out the nice easy animation - as simple and powerful as GSAP . #ZIMjs #Canvas #Animate #Emitter
0
0
2
@amit_sheen
Amit Sheen
1 year
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
4
16
112
@CodePen
CodePen.IO
24 days
The "Shapes & Lines" #CodePenChallenge continues!.This week, we're making spheres ๐Ÿ”ฎ..Thanks @mondaydotcom for sponsoring:
Tweet media one
2
0
9
@CodePen
CodePen.IO
2 months
It's the final week of the May #CodePenChallenge!.This week, it's time for sweet treats ๐Ÿฆ..Thanks @Pluralsight for sponsoring:
Tweet media one
0
0
6
@anatudor
Ana Tudor ๐Ÿฏ๐Ÿ–ค๐ŸŒป
6 months
A little something combining CSS shapes, trigonometry, plus scroll-driven animations on @CodePen: angled slide!. Also an entry for this week's #CodePenChallenge.
3
15
136
@daledesilva
Dale de Silva
2 years
My latest #CodePenChallenge of cursor trails. @babylonjs #gsap. Play with it here:.
2
3
37
@ChallengesCss
CSS by T. Afif
5 months
A fun CSS-only experimentation using modern features (anchor positioning, @โ€‹property, :has(), and more!) for this week #codepenchallenge. Demo: via @CodePen
1
16
167
@njesenberger
Nicolas Jesenberger
2 years
Skeuomorphic Range Sliders for #CodePenChallenge ๐ŸŽš๏ธ. @CodePen link below โฌ‡๏ธ
4
1
35
@amit_sheen
Amit Sheen
1 year
Bubbles, bubbles, bubbles! ๐Ÿซง. New #CodePenChallenge. Live Demo and full code on @CodePen:
0
7
36
@amit_sheen
Amit Sheen
1 year
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 ๐Ÿ˜Ž).
0
3
31
@ChallengesCss
CSS by T. Afif
2 years
An expanding gallery for this week #CodePenChallenge. ๐ŸŒŸ A CSS-only version with minimal code. Demo: via @CodePen . #CSS
2
10
51
@ecemgo
Ecem Gokdogan
2 years
80s Music Facts | CSS Animation and CSS Grid Masonry-Style. @CodePen #codepen #codepenchallenge #cpclongshort #animation #cssgrid
0
3
20
@ChallengesCss
CSS by T. Afif
2 years
A jumping radio button? Why not! #CodePenChallenge. ๐ŸŒŸCSS-only powered by the :has() selector and some magic cubic-bezier(). Demo: via @CodePen . #CSS
4
20
117
@raccoontend
kotAndy ๐Ÿพ
2 years
I couldn't resist the challenge ๐Ÿ˜… and I've created a Penrose Triangle on @CodePen #Codepenchallenge.
1
10
59
@anatudor
Ana Tudor ๐Ÿฏ๐Ÿ–ค๐ŸŒป
2 months
A little something I made for this week's #CodePenChallenge: low poly watermelon ๐Ÿ‰๐Ÿ˜‹ SVG 100% handcoded with โค๏ธ
Tweet media one
1
1
10
@amit_sheen
Amit Sheen
2 years
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:
3
11
74
@CodePen
CodePen.IO
1 month
The Shapes & Lines #CodePenChallenge continues!.This week is all about squiggles ใ€ฐ๏ธ..Thanks @mondaydotcom for sponsoring! .
Tweet media one
0
1
7
@anatudor
Ana Tudor ๐Ÿฏ๐Ÿ–ค๐ŸŒป
2 months
Another little thing I made for this week's "sweet treats" #CodePenChallenge: low poly ๐ŸŽ SVG 100% handcoded with โค๏ธ. Hey, I have a sweet tooth. ยฏ\_(ใƒ„)_/ยฏ
Tweet media one
1
1
13
@CodePen
CodePen.IO
18 days
It's the final week of the Shapes & Lines #CodePenChallenge!.This week, we're going into a spiral ๐ŸŒ€. . Thanks @mondaydotcom for sponsoring:
Tweet media one
1
0
8
@MananTank_
Manan Tank
2 years
My submission for @CodePen 's Fireworks challenge: "Neon Fireworks". #codepenchallenge
1
2
12