CodePen.IO @[email protected]

RT Bence
Infinite Freeze-Melt cycle 🧊 #PetitePatterns on @CodePen
Made in just 577 bytes of pure SVG, each cycle comes with a new pattern. (Warning: might melt your CPU as well 🫠)
https://codepen.io/finnhvman/pen/yLjYeOw

https://twitter.com/finnhvman/status/1567262509861670913

"spider" by Stranger in the Q
https://codepen.io/strangerintheq/pen/QWmPzja

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

RT T. Afif @ CSS Challenges
💡 CSS Tip!
Turn your rounded images into a fancy slideshow using a few lines of code
✅ Minimal HTML (<img>s inside a container)
✅ One keyframes
✅ One value to control the size
✅ Mesmerizing animation 💫
Demo:
#CSS
http://codepen.io/t_afif/full/gOzpKry

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

RT Mads Stoumann
Connecting Points — fun with SVG, Math and geometry
https://codepen.io/stoumann/pen/GRdgbjN

https://twitter.com/madsstoumann/status/1566846017470971904

"Sticky dragable box" by Evan Jin (진경성)
https://codepen.io/rudtjd2548/pen/wvjvVxw

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

The September #CodePenChallenge starts now!
This month is all about Fixer Uppers 🛠
Each week we'll renovate a layout that need a little "FiCSS"-ing up!
Let's kick it off with this gnarly grid 😬
Thanks @balsamiq for sponsoring!
https://codepen.io/challenges/2022/september/1

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

RT Hyperplexed
Fixing up the Rotten Tomatoes mobile site on #codepen.
Link:
See it on YT:
https://cdpn.io/BaxBZjV
https://youtube.com/shorts/5TCkjhG1TVU

https://twitter.com/Hyperplexed/status/1565429107697090567

RT Jon Kantner
Spinner and Balls
https://codepen.io/jkantner/pen/QWrLOXW

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

RT Johan Karlsson
Leash Spiral on @CodePen:
Click to generate a new random image!
#generative #creativecoding
https://codepen.io/DonKarlssonSan/full/PoOzabY

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

RT Elad Shechter
🤩 #CSS Cascade Layers is now supported in all evergreen browsers!
This feature is changing our approach to CSS specificity.
@CodePen demo:
@caniuse:
Talk of @bramus on CSS Layers:
https://codepen.io/elad2412/pen/gOzYvQR
https://caniuse.com/css-cascade-layers
https://www.youtube.com/watch?v=zEPXyqj7pEA

https://twitter.com/eladsc/status/1565181487850278912

RT Manuel Matuzović
“oh my god your wrapper class is like so 2021”
CodePen:
h/t @ChallengesCss
https://codepen.io/matuzo/pen/qBoeMYg

https://twitter.com/mmatuzo/status/1564658925256990722

RT Louis Hoebregts
Little planet ✨ #WebGL @threejs
See it moving on @CodePen 👇
https://codepen.io/Mamboleoo/pen/NWYQMwR

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

"Only CSS: Noisy Cube 2" by Yusuke Nakaya
https://codepen.io/YusukeNakaya/pen/oNqRVyQ

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

"Retrowave/Vaporwave Mountains" by Pentagear
https://codepen.io/pentagear/pen/xxVbBZy

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

"Footer sorrow" by Steve Gardner
https://codepen.io/ste-vg/pen/PoQgvBK

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

RT Chris Gannon
2022 Toggle @CodePen
https://codepen.io/chrisgannon/pen/LYdwYoB

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

"homer simpson (adam moritz minimal design)" by Amir Bizimana
https://codepen.io/iambizi/pen/KXPeYB

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

"infinite text loader" by David A.
https://codepen.io/meodai/pen/QWmemNP

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

RT T. Afif @ CSS Challenges
💡 CSS Tip!
Reveal your images with a cool hover effect
✅ Minimal HTML (<img>s inside a container)
✅ No JavaScript
✅ Less than 20 CSS declarations
✅ Powered by the :has() selector ✌️
Demo:
#CSS
http://codepen.io/t_afif/full/BarXmGg

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

RT David Aerne
Just had an idea for a simple loader on @CodePen
https://codepen.io/meodai/pen/QWmemNP

https://twitter.com/meodai/status/1564614779897057288