CodePen.IO @[email protected]

It's the final week of the July #CodePenChallenge!
This week, we're playing with marbles 🔵🔴🟠🟢
Thanks @sourcegraph for sponsoring!
https://codepen.io/challenges/2022/july/4

https://twitter.com/CodePen/status/1551584567936651268

RT Dario Corsi
It's been a while since I made something fun with code. Here's an ice pop loader built with just #CSS on @CodePen.
https://codepen.io/dariocorsi/pen/PoRpZPp

https://twitter.com/dariocorsi/status/1550494701652000769

RT Asyraf Hussin
Draw Woman With Long Earrings using CSS
@CodePen :
https://codepen.io/AsyrafHussin/pen/wvmeGJj

https://twitter.com/asyrafhussin4/status/1550396813177368576

RT Abdullah Türkmen
#codepen playing cards challange is done!
@CodePen
https://codepen.io/abdullahturkmen/full/NWYjzZZ

https://twitter.com/muhendizolcam/status/1550365775818592256

RT Kaz | Artveloper | Web3
Click on the artwork to generate more Celestial Puddles | Generative Art
https://codepen.io/Sanja_kaz/pen/vYRGwqy

https://twitter.com/sanja_kaz/status/1550193793927872512

RT Tomoya Okada 🐈‍⬛
うにょんっ - Three.js
シェーダーって本当にすごいな〜....
#threejs #gsap
https://codepen.io/tomoya0815/pen/bGvWYze

https://twitter.com/Create_toom/status/1550073101014253568

RT Johan Karlsson
🌸 I was experimenting with triangles in many colors, I ended up with these flowers:
As always, click to generate a new random image 😉
#creativecoding on @CodePen
https://codepen.io/DonKarlssonSan/full/GRxWojW

https://twitter.com/DonKarlssonSan/status/1549847729735614465

RT Asyraf Hussin
Draw Summer Girl using CSS
@CodePen :
https://codepen.io/AsyrafHussin/pen/dymWPWo

https://twitter.com/asyrafhussin4/status/1549679420318724096

RT AdirCode
My latest @CodePen is a mishmash of technologies, #svg with #CSS animation and a #javascript interaction, was a lot of fun!
Here’s the code:
https://codepen.io/Adir-SL/pen/GRxNbbm

https://twitter.com/adircode/status/1549043569159073792

RT Johan Karlsson
🐛 Crawlers on @CodePen:
Look how they can be hypnotized to dance in circles! 🌀
No crawlers were harmed during the recording of this video. 🐛 ❤️
#creativecoding
https://codepen.io/DonKarlssonSan/pen/KKoaRrY

https://twitter.com/DonKarlssonSan/status/1548699553645449216

RT carl schooff
Bare-bones #SVG UI Slider
Just a few svg <rect> and an <ellipse>. Easily made interactive with @greensock's Draggable. Made pretty with #CSS
💥SUPER Scalable💥
@CodePen Demo:
more 👇
https://codepen.io/snorkltv/pen/QWmpwym?editors=0011

https://twitter.com/snorklTV/status/1549057221757108224

RT Ana Tudor 🐯🖤🌻
Re I've coded a few tetrahedron truncation sequences over the past nine years. You can see some of them on @CodePen:
✨
✨
✨
As for morphing sequences including chamfered polyhedra... just on Patreon for now.
https://codepen.io/thebabydino/pen/vYYgWG
https://codepen.io/thebabydino/pen/QEdGZQ
https://codepen.io/thebabydino/pen/abmNveW

https://twitter.com/anatudor/status/1549057180682407942

RT Takane Ichinose 市瀬峻峰
Link above👆👆👆👆👆
This is just a simple turn-based #game where you just have to throw a dice, defeat the enemy, and go to the highest floor as you can.
Dev tools:
@threejs
@greensock
#ReactJS
#html #css #javascript #MagicaVoxel #gamedev
https://codepen.io/takaneichinose/pen/dympyjN

https://twitter.com/takane_ichi/status/1547604756578717696

RT Jamie Coulter
I made a little hacking themed card game on
@CodePen in Vue. 🎮30+ unique upgrades, 40 in game achievements, 3 difficulty settings and an (almost) infinite number of stage variations.
Good luck. Have fun!
https://codepen.io/jcoulterdesign/full/abYNyLq

https://twitter.com/jamiecoulter89/status/1545843616307888129

The Games #CodePenChallenge continues!
This week, we're playing cards ♦️♣️♥️♠️
Thanks @sourcegraph for sponsoring!
https://codepen.io/challenges/2022/july/3

https://twitter.com/CodePen/status/1549050519905112065

RT Lionel Radisson
classic generative weirdo: custom feDisplacementMap using canvas to make a cartesian to polar displacement SVG filter
https://codepen.io/MAKIO135/pen/BaYrRKm

https://twitter.com/MAKIO135/status/1546984252859973639

RT Johan Karlsson
😵‍💫Circle Pulse on @CodePen:
#creativecoding
https://codepen.io/DonKarlssonSan/full/mdxraxj

https://twitter.com/DonKarlssonSan/status/1547233023829200897

RT masuwa | web designer
ＡＵＤＩＯ　ＶＩＳＵＡＬＩＺＥＲ　🔊
@CodePen
#threejs #webgl #creativecoding #shader #glsl #audiovisualize
https://codepen.io/ma_suwa/pen/BarLGgx

https://twitter.com/masuwa1018/status/1547245150673727488

RT T. Afif @ CSS Challenges
💡 CSS Tip!
Create a simple grid of images with fancy shapes using a few lines of code
✅ Minimal HTML code
✅ Less than 20 CSS declaration
✅ One value to control the size
✅ Animation on hover
Demo:
#CSS
http://codepen.io/t_afif/full/PoRGPoW

https://twitter.com/ChallengesCss/status/1546821407237181442

RT Louis Hoebregts
Did you ever have to develop a navigation that hides when scrolling down, and shows up when scrolling up? 👀
You can do this with only 10 lines of #JavaScript with @greensock and its Observer plugin? (yes only 10‼️)
See it live on @CodePen 👇
https://codepen.io/Mamboleoo/pen/poLEKob

https://twitter.com/Mamboleoo/status/1547171723673583618