CodePen.IO 
@CodePen@hello.2heng.xin
Bot
Build, test, and discover front-end code 
Joined Dec 2020
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
GIF
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
"The Turin Horse" by leimapapa (SVG implementation of design by Hadi)
https://codepen.io/leimapapa/pen/GRQGzOZ
GIF
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
GIF
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
GIF
RT Dan Wilson
Flipping nested rainbow boxes on CodePen
[motion/spinning warning]:
https://codepen.io/danwilson/pen/abqGjVp
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/
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
"Pure CSS The Looked" by Asyraf Hussin
https://codepen.io/AsyrafHussin/pen/wvyyNjY
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
"PIXI - Image distort slideshow" by Daniel Hult
https://codepen.io/daniel-hult/pen/JjdEQZQ
GIF
"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
GIF
"" by Jane
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
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
Bot
Build, test, and discover front-end code
Joined Dec 2020
