CodePen.IO @[email protected]

RT Mimikyu
Do you like popcorn?
I LOVE POPCORN SO MUCH.
@CodePen :
#webdev #javascript #HTML #CSS
http://codepen.io/mimimiku778/pen/abGeOoB

https://twitter.com/mimimiku778/status/1583318559396360192

RT Ion
Playing with #threejs and #cannonjs
@CodePen #creativecoding #javascript
https://codepen.io/iondrimba/full/qBYeWdX

https://twitter.com/code__music/status/1583234984445620224

RT Álvaro Montoro
#divtober 20: ten
⚽️
Demo on @CodePen:
It is animated (on Chrome only): the jersey changes from Barcelona to Argentina to PSG (although this last one has the number 30 😅).
Álvaro Montoro: #divtober 19: mythical
🐍
Demo on @CodePen:
Video of the drawing process:
http://cssdrawings.com/
https://codepen.io/alvaromontoro/pen/mdLYLzG
https://www.youtube.com/watch?v=aDTl_hPm1Sc
https://twitter.com/alvaro_montoro/status/1582375798748893186

https://twitter.com/alvaro_montoro/status/1583248223971737600

RT Shaw
Wish there were a native way to keep `perspective-origin` centered in a scroll container, but with some minimal JS & CSS variables you can get some really cool scroll effects with 3D CSS!
https://codepen.io/shshaw/pen/GRdbZEL

https://twitter.com/shshaw/status/1583151966707806208

RT Lynn Fisher
#divtober 19: Mythical
🗡
@CodePen:
https://a.singlediv.com/
https://codepen.io/lynnandtonic/pen/dyeBvON

https://twitter.com/lynnandtonic/status/1582930055222611968

RT T. Afif @ CSS Challenges
👻 CSS Tip!
Use CSS variables to duplicate any content with no limit! 😱
✅ Awful syntax
✅ Performance issues guaranteed
✅ 8 lines for more than 16000 occurrences!
✅ No more copy-paste needed
Demo:
#CSS
http://codepen.io/t_afif/pen/zYjVrzv

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

RT Mandy
Back at it with a @CodePen challenge!
https://codepen.io/iNeedAdult/pen/KKRLoPy

https://twitter.com/iNeedAdult/status/1582525202726293504

RT Greg RoBOOleto 👻
Day 19 of #divtober is "Mythical"
Born in the year of the dragon, I've had an affinity long before they became the centerpiece of shows on HBO.
🏷️ #css, #cssart, #dragon
Code on @CodePen
https://codepen.io/robleto/pres/NWMmWRM

https://twitter.com/robleto/status/1582725754902773761

RT Tom Hinton
#mathober2022 - Inverse
https://codepen.io/TomHinton/pen/Jjvqmam

https://twitter.com/pumaparded/status/1582645582706794496

RT Kit Jenson
Can you top the global leaderboard?
Give this classic breakout style game try.
#webdev #gamedev #javascript #IndieGameDev #indiegaming #HTML #CSS
https://codepen.io/kitjenson/full/abyKEYO

https://twitter.com/kitjenson/status/1582765411317125120

RT Lynn Fisher
My origami business folded!
#divtober 18: Pun
😎
@CodePen:
https://a.singlediv.com/
https://codepen.io/lynnandtonic/pen/vYjwjQr

https://twitter.com/lynnandtonic/status/1582560319838162946

RT Jon Kantner
I used mostly #CSS to recreate the credits from the original Super Smash Bros. for Nintendo 64! A small amount of #JS was needed for just positioning the crosshairs.
https://codepen.io/jkantner/pen/RwyOmmW

https://twitter.com/jonkantner/status/1582413950305505291

RT zeynep
Hey! I have coded another Kurzgesagt bird. It loves singing🎶 I enjoyed coding it 💜 @CodePen #css #cssart
https://codepen.io/zeynepozdem/pen/gOzypzM

https://twitter.com/zeyneppozdem/status/1582378915787440128

RT Tom Hinton
#mathober20222 - Annulus (the region between two concentric circles)
https://codepen.io/TomHinton/pen/VwxOZBJ

https://twitter.com/pumaparded/status/1582266481240600576

RT T. Afif @ CSS Challenges
🎨 Divtober #18: Pun
Demo:
#CSS #divtober
T. Afif @ CSS Challenges: 🎨 Divtober #17: Stripes
Demo:
#CSS #divtober
http://codepen.io/t_afif/full/jOxREXr
https://twitter.com/ChallengesCss/status/1581574350460751872

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

RT Lynn Fisher
#divtober 17: Stripes
🐝
@CodePen:
https://a.singlediv.com/
https://codepen.io/lynnandtonic/pen/rNvbgLY

https://twitter.com/lynnandtonic/status/1582202323685679105

RT Chris Gannon
Ribbon Stack @CodePen
https://codepen.io/chrisgannon/details/MWGRVrx

https://twitter.com/ChrisGannon/status/1582093313238528001

RT Greg RoBOOleto 👻
Re @CodePen Catching up on making these "making-of" videos. This one required little editing, which made me smile 😀, thinking I am getting more honed at coding these.
🏷️#divtober, #css, #scss, #cssart, #cssanimation
Also available on YouTube:
https://www.youtube.com/watch?v=jcclDHxD2qc

https://twitter.com/robleto/status/1581806004693782528

RT Sophia Wood
mathober day 17 - vault
(arrow change day, space randomizes some sketches)
#mathober2022
https://codepen.io/fractalkitty/full/LYmQEZJ

https://twitter.com/fractalkitty/status/1582014496146870272

RT Greg RoBOOleto 👻
Day 16 of #divtober is stripes
I played with bending lines to make a more dynamic image, using translates and radial gradients.
🏷️ #css, #cssart, #divtober
Code on @CodePen:
https://codepen.io/robleto/pres/xxjBYQv

https://twitter.com/robleto/status/1582001788894314496