CodePen.IO :verify: · @CodePen
287 followers · 2510 posts · Server hello.2heng.xin
CodePen.IO :verify: · @CodePen
286 followers · 2509 posts · Server hello.2heng.xin

RTā€‚T. Afif @ CSS Challenges
Something for this week
Demo: codepen.io/t_afif/full/poQmvOM via @CodePen

<div class="rsshub-quote">
CodePen.IO:ā€‚The August starts now!
This month is all about photos šŸ“ø
Let's kick it off with a deep dive into figures
codepen.io/challenges/2023/aug
</div>
:sys_twitter: twitter.com/ChallengesCss/stat

#CodePenChallenge #css

Last updated 1 year ago

CodePen.IO :verify: · @CodePen
286 followers · 2505 posts · Server hello.2heng.xin

The August starts now!
This month is all about photos šŸ“ø
Let's kick it off with a deep dive into figures
codepen.io/challenges/2023/aug

:sys_twitter: twitter.com/CodePen/status/168

#CodePenChallenge

Last updated 1 year ago

CodePen.IO :verify: · @CodePen
283 followers · 2479 posts · Server hello.2heng.xin

RTā€‚Dr Abstract
Oooo! A @CodePen for physics particles. Here we use the ZIM Emitter with an interactive sink that attracts the particles!
Try it out and fork it at codepen.io/zimjs/pen/poQxMLd - we love CodePen!

:sys_twitter: twitter.com/Dr_Abstract/status

#CodePenChallenge #javascript #canvas #particles #emitter #ZIMjs

Last updated 1 year ago

CodePen.IO :verify: · @CodePen
282 followers · 2476 posts · Server hello.2heng.xin

RTā€‚Amit Sheen
New video! with @KevinJPowell, and as a nod to this month's , we talked about particle animations, and also about animating the timing function, SASS loops, nice uses of random, and more.
Would love to get your comments and remarks. šŸ˜Š
youtu.be/9dEIg2xOphE

:sys_twitter: twitter.com/amit_sheen/status/

#CodePenChallenge

Last updated 1 year ago

CodePen.IO :verify: · @CodePen
281 followers · 2467 posts · Server hello.2heng.xin
CodePen.IO :verify: · @CodePen
278 followers · 2463 posts · Server hello.2heng.xin

RTā€‚Dale de Silva
ā€œThe Omega 10ā€
Before the Omega 13, some distant travellers found the Omega 10.
This weekā€™s on the theme of particle shapes. Made with
View it live on at
codepen.io/daledesilva/full/Rw t.co/4AL6aDZDtR

:sys_twitter: twitter.com/daledesilva/status

#CodePenChallenge #threejs #gsap #javascript #codepen

Last updated 1 year ago

CodePen.IO :verify: · @CodePen
278 followers · 2461 posts · Server hello.2heng.xin
CodePen.IO :verify: · @CodePen
278 followers · 2460 posts · Server hello.2heng.xin

RTā€‚Ana Tudor šŸÆšŸ–¤šŸŒ»
Ever wondered how you could turn an irregular shape (from custom text/ image) into dots or other particles?
Well, wrote a detailed explanation on how to do this stackoverflow.com/a/76720153/1 as it's also the topic of this week's .
With lots of demos, enjoy!ā¤ļøšŸˆā€ā¬›šŸ˜¼šŸ˜ˆ t.co/KhlzRSvlNn

:sys_twitter: twitter.com/anatudor/status/16

#CodePenChallenge

Last updated 1 year ago

CodePen.IO :verify: · @CodePen
278 followers · 2458 posts · Server hello.2heng.xin

RTā€‚Amit Sheen
SecondĀ Ā for the week. šŸ˜Š
if you draw shapes with particles, you can morph them with a simple transition. šŸ„³
only. (using trig functions and radio selectors)
Live demo atĀ @CodePen: codepen.io/amit_sheen/full/wvQ t.co/RtsR5nLmuA

:sys_twitter: twitter.com/amit_sheen/status/

#CodePenChallenge #css

Last updated 1 year ago

CodePen.IO :verify: · @CodePen
275 followers · 2454 posts · Server hello.2heng.xin

RTā€‚Amit Sheen
This week's is about Particle Shapes, so I thought it's a good time to redo this Ball of Balls.
only, 360 balls, 1 animation. šŸ˜Š
Live demo onĀ @CodePen: codepen.io/amit_sheen/full/eYQ t.co/9FWj9bIFEI

:sys_twitter: twitter.com/amit_sheen/status/

#CodePenChallenge #css

Last updated 1 year ago

CodePen.IO :verify: · @CodePen
272 followers · 2447 posts · Server hello.2heng.xin

The Particles continues!
This week, weā€™re creating cursor effects with particles āœØ
codepen.io/challenges/2023/jul t.co/kdFcFiFYBX

:sys_twitter: twitter.com/CodePen/status/167

#CodePenChallenge

Last updated 1 year ago

CodePen.IO :verify: · @CodePen
273 followers · 2445 posts · Server hello.2heng.xin

RTā€‚Mads Stoumann
For this week's , I've used a bunch of techniques to recreate a page from Hirayama Fireworks catalog, 1883 codepen.io/stoumann/pen/MWzvYe via @CodePen t.co/wz8Fne2Aqv

:sys_twitter: twitter.com/madsstoumann/statu

#CodePenChallenge

Last updated 1 year ago

CodePen.IO :verify: · @CodePen
271 followers · 2440 posts · Server hello.2heng.xin

RTā€‚Amit Sheen
This week's is all about Fireworks. So I did some, with , and don't let anybodyĀ tell you that you can't do particle animations in CSS. šŸ¤£
Live demo onĀ @CodePen: codepen.io/amit_sheen/full/jOQ t.co/4B9T6Kyy3X

:sys_twitter: twitter.com/amit_sheen/status/

#CodePenChallenge #css

Last updated 1 year ago

CodePen.IO :verify: · @CodePen
270 followers · 2438 posts · Server hello.2heng.xin

The July starts now!
This month, we're playing with particles
Let's get this particle party started with fireworks šŸŽ†
codepen.io/challenges/2023/jul t.co/HNBU2HW9Hd

:sys_twitter: twitter.com/CodePen/status/167

#CodePenChallenge

Last updated 1 year ago

CodePen.IO :verify: · @CodePen
269 followers · 2435 posts · Server hello.2heng.xin

RTā€‚Taha Shashtari
It's a great feeling to see your idea come to life. šŸ˜
I have built a tool that I previously needed. This tool helps me visualize and copy the colors that lie between two specified colors.
@CodePen link: codepen.io/tahazsh/pen/zYMwEXp
t.co/5ePxFm4mhP

:sys_twitter: twitter.com/tahazsh/status/167

#CodePenChallenge

Last updated 1 year ago

CodePen.IO :verify: · @CodePen
269 followers · 2435 posts · Server hello.2heng.xin

RTā€‚Mads Stoumann
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 šŸ˜Š codepen.io/stoumann/pen/qBQrgm via @CodePen t.co/GAUh9dusMo

:sys_twitter: twitter.com/madsstoumann/statu

#CodePenChallenge

Last updated 1 year ago

CodePen.IO :verify: · @CodePen
268 followers · 2425 posts · Server hello.2heng.xin

RTā€‚Mads Stoumann
Chromesthesia is such an interesting phenomena, where colors are mapped to musical notes. I did a playable color/sound picker for codepen.io/stoumann/pen/MWzpmz via @CodePen t.co/aI9bCabji7

:sys_twitter: twitter.com/madsstoumann/statu

#CodePenChallenge

Last updated 1 year ago

CodePen.IO :verify: · @CodePen
267 followers · 2422 posts · Server hello.2heng.xin

RTā€‚Jordan Dey
Breaking the habit of last-minute submissions for the šŸ˜…
I'm thrilled to present my latest work to the 'Bubble UI' project. Introducing two new pickers!
@CodePen: codepen.io/DeyJordan/pen/poQvg
t.co/EB4A1LdtxB

:sys_twitter: twitter.com/DeyJordan/status/1

#CodePenChallenge #webdev #ui #design #codepen #html #css #frontend #100DaysOfCode #dev

Last updated 1 year ago

Dale · @daledesilva
3 followers · 90 posts · Server indieweb.social

A late entry for this week's of , but happy with how my first ever @CodePen challenge turned out :)

Here's my interactive entry:
codepen.io/daledesilva/full/Ex

#Ratings #CodePenChallenge

Last updated 1 year ago