New week, new #CodePenChallenge!
Let's make some photo filters šø
https://codepen.io/challenges/2023/august/2
:sys_twitter: https://twitter.com/CodePen/status/1691121856714100739
RTāT. Afif @ CSS Challenges
Something for this week #CodePenChallenge
Demo: http://codepen.io/t_afif/full/poQmvOM via @CodePen
#CSS
<div class="rsshub-quote">
CodePen.IO:āThe August #CodePenChallenge starts now!
This month is all about photos šø
Let's kick it off with a deep dive into figures
https://codepen.io/challenges/2023/august/1
</div>
:sys_twitter: https://twitter.com/ChallengesCss/status/1689027496593727488
The August #CodePenChallenge starts now!
This month is all about photos šø
Let's kick it off with a deep dive into figures
https://codepen.io/challenges/2023/august/1
:sys_twitter: https://twitter.com/CodePen/status/1688590245904723968
RTāDr Abstract
Oooo! A @CodePen #CodePenChallenge for physics particles. Here we use the ZIM Emitter with an interactive sink that attracts the particles!
Try it out and fork it at https://codepen.io/zimjs/pen/poQxMLd - we love CodePen!
#JavaScript #Canvas #Particles #Emitter
#ZIMjs
:sys_twitter: https://twitter.com/Dr_Abstract/status/1684728318128508928
#CodePenChallenge #javascript #canvas #particles #emitter #ZIMjs
RTāAmit Sheen
New video! with @KevinJPowell, and as a nod to this month's #CodePenChallenge, 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. š
https://youtu.be/9dEIg2xOphE
:sys_twitter: https://twitter.com/amit_sheen/status/1683835874239459328
RTāCeramic Soda
š Falling autumn leaves shader š https://codepen.io/ceramicSoda/pen/xxQJqVv via @CodePen #codepenchallenge #shader #webgl #threejs
:sys_twitter: https://twitter.com/CeramicSoda/status/1682704399917785092
#CodePenChallenge #shader #webgl #threejs
RTāDale de Silva
ā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
https://codepen.io/daledesilva/full/RwqyXQx https://t.co/4AL6aDZDtR
:sys_twitter: https://twitter.com/daledesilva/status/1681842544504717312
#CodePenChallenge #threejs #gsap #javascript #codepen
RTāMatthias Hurrle
Re Ethereal Whispers https://codepen.io/atzedent/pen/wvQXVRE via @CodePen #codepenchallenge
:sys_twitter: https://twitter.com/softwaretogo/status/1682368358715408386
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 https://stackoverflow.com/a/76720153/1397351 as it's also the topic of this week's #CodePenChallenge.
With lots of demos, enjoy!ā¤ļøšāā¬š¼š https://t.co/KhlzRSvlNn
:sys_twitter: https://twitter.com/anatudor/status/1681732332896567330
RTāAmit Sheen
SecondĀ #CodePenChallengeĀ for the week. š
if you draw shapes with particles, you can morph them with a simple transition. š„³
#CSS only. (using trig functions and radio selectors)
Live demo atĀ @CodePen: https://codepen.io/amit_sheen/full/wvQXdRa https://t.co/RtsR5nLmuA
:sys_twitter: https://twitter.com/amit_sheen/status/1681995417662242817
RTāAmit Sheen
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: https://codepen.io/amit_sheen/full/eYQrWje https://t.co/9FWj9bIFEI
:sys_twitter: https://twitter.com/amit_sheen/status/1681617228746092544
The Particles #CodePenChallenge continues!
This week, weāre creating cursor effects with particles āØ
https://codepen.io/challenges/2023/july/2 https://t.co/kdFcFiFYBX
:sys_twitter: https://twitter.com/CodePen/status/1678437204434235393
RTāMads Stoumann
For this week's #CodepenChallenge, I've used a bunch of techniques to recreate a page from Hirayama Fireworks catalog, 1883 https://codepen.io/stoumann/pen/MWzvYeX via @CodePen https://t.co/wz8Fne2Aqv
:sys_twitter: https://twitter.com/madsstoumann/status/1676285716316168198
RTāAmit Sheen
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: https://codepen.io/amit_sheen/full/jOQwzga https://t.co/4B9T6Kyy3X
:sys_twitter: https://twitter.com/amit_sheen/status/1676611901222969344
The July #CodePenChallenge starts now!
This month, we're playing with particles
Let's get this particle party started with fireworks š
https://codepen.io/challenges/2023/july/1 https://t.co/HNBU2HW9Hd
:sys_twitter: https://twitter.com/CodePen/status/1675883603689984000
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: https://codepen.io/tahazsh/pen/zYMwEXp
#CodePenChallenge https://t.co/5ePxFm4mhP
:sys_twitter: https://twitter.com/tahazsh/status/1674811493714460672
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 š #CodepenChallenge https://codepen.io/stoumann/pen/qBQrgmo via @CodePen https://t.co/GAUh9dusMo
:sys_twitter: https://twitter.com/madsstoumann/status/1674329850499178496
RTāMads Stoumann
Chromesthesia is such an interesting phenomena, where colors are mapped to musical notes. I did a playable color/sound picker for #CodepenChallenge https://codepen.io/stoumann/pen/MWzpmzE via @CodePen https://t.co/aI9bCabji7
:sys_twitter: https://twitter.com/madsstoumann/status/1674012604493094916
RTāJordan Dey
Breaking the habit of last-minute submissions for the #CodePenChallenge š
I'm thrilled to present my latest work to the 'Bubble UI' project. Introducing two new pickers!
@CodePen: https://codepen.io/DeyJordan/pen/poQvgaz
#webdev #UI #design #CodePen #html #css #frontend #100DaysOfCode #dev https://t.co/EB4A1LdtxB
:sys_twitter: https://twitter.com/DeyJordan/status/1673711839559966724
#CodePenChallenge #webdev #ui #design #codepen #html #css #frontend #100DaysOfCode #dev
A late entry for this week's #CodePenChallenge of #Ratings, but happy with how my first ever @CodePen challenge turned out :)
Here's my interactive entry:
https://codepen.io/daledesilva/full/ExONzVE