CodePen.IO @[email protected]

RT Yusuke Nakaya
Hey, everyone.
Did you forget about me?😇
CSS Dandelion 🌻 たんぽぽ
Only CSS: Dandelion
@CodePen
#css #css3d #cssart #animation #webdevelopment
https://codepen.io/YusukeNakaya/pen/zYRMBgQ

https://twitter.com/s14garnet/status/1535226034785755136

RT Felix DUSENGIMANA
Switch buttons using HTML and CSS
Codepen:
https://codepen.io/phelixdusengimana/pen/yLvpORO

https://twitter.com/felix__dusenge/status/1533729153983324162

RT Terri Fricker
My newest codepen:
https://codepen.io/terrifricker/full/NWwgwxo

https://twitter.com/terrifricker/status/1533694482826219520

"The Turin Horse" by leimapapa (SVG implementation of design by Hadi)
https://codepen.io/leimapapa/pen/GRQGzOZ

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

RT T. Afif @ CSS Challenges
👌 CSS Tip!
Create a nice background pattern with 4 conic-gradient ✨
Demo:
#CSS
http://codepen.io/t_afif/full/rNJKvMy

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

RT inayuky
My first post on @CodePen using @threejs 😀
Infinity
https://codepen.io/inayuky/pen/oNEyoae

https://twitter.com/inayuky/status/1532999584879812608

RT Jhey 🔨🐻✨
Oh, this? 👀
Jus' a pure CSS image zoom using CSS primitives 🔥
– :has()
– object-view-box
– Houdini @ property
Code 👇
img {
object-view-box: inset(var(--top) ...);
}
:root:has(#car:checked) {
--top: 61%;
...
}
Amazing 🥲
👉
http://codepen.io/jh3y/pen/QWQrVwj

https://twitter.com/jh3yy/status/1532145806278533120

RT Dan Wilson
Flipping nested rainbow boxes on CodePen
[motion/spinning warning]:
https://codepen.io/danwilson/pen/abqGjVp

https://twitter.com/dancwilson/status/1532405102635540482

RT T. Afif @ CSS Challenges
Re @chriscoyier Here is my "hacky" idea that uses clip-path and transform to rectify the sizes
https://twitter.com/ChallengesCss/status/1494274412304125956

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

RT Micah Godbolt
Couple weeks ago, I sat down with @ChrisCoyier on @CodePen Radio to chat about how I accidently became one of the site's more prolific authors.
We also chatted @fluentui, Design Systems (of course!) and
http://fea.pub/
https://blog.codepen.io/2022/05/11/367-with-micah-godbolt/

https://twitter.com/micahgodbolt/status/1531649943424802816

RT Lea Verou
Hey, I made a color-mix() playground on @CodePen using @mavoweb and our (unreleased) library colorjs. Enjoy!
https://codepen.io/leaverou/pen/RwxdmYN

https://twitter.com/LeaVerou/status/1532035823449026560

"Pure CSS The Looked" by Asyraf Hussin
https://codepen.io/AsyrafHussin/pen/wvyyNjY

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

RT Jhey 🔨🐻✨
⚡️ Speedy CSS Tip! ⚡️
Turn your images into Polaroid™ 📸
Use ✨ aspect-ratio ✨ to create responsive media without worrying about width AND height. Use calc and filter for a lil extra 😎
Hope it's useful! 🤞 Thank you for the feedback 🙏
What next? 🧐
CodePen link below 👇

https://twitter.com/jh3yy/status/1531680894955790339

"PIXI - Image distort slideshow" by Daniel Hult
https://codepen.io/daniel-hult/pen/JjdEQZQ

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

"Be Fly #CodePenChallenge" by Kristian EkforsFollow
(p.s. That's a wrap on the May challenges, stay tuned for the June challenges kicking off next week!)
https://codepen.io/Ekfors/pen/wvyPGgb

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

"SVG Loader" by Kas
https://codepen.io/kassandrasanch/pen/yLzMzRx

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

"to the future 🍻"" by Jane
https://codepen.io/propjockey/pen/VwKQENg

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

RT ➝
Simple Tree 🌳
-
🌳👉🏼
@CodePen #codepen #svg #generativeart #tree
https://codepen.io/johnwai_/full/dydVrey

https://twitter.com/JohnWai_/status/1529219672079577091

RT Adam Argyle
Re another demo!! here I'm letting CSS choose contrasting text over my swatch set, a classic design system presentation style that now I get to offload to the browser 😍
https://codepen.io/web-dot-dev/pen/qBpzwZW

https://twitter.com/argyleink/status/1528822051070353408

RT Sophia Wood
I made something:
together - in p5js
click to pause and space to mix
Codepen weekly challenge - fly
#codepenchallenge #cpcfly #p5js #creativecode #mathart
https://codepen.io/fractalkitty/full/KKQXPgz

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