CodePen.IO @[email protected]

RT Chris Gannon
Round The Square @CodePen
https://codepen.io/chrisgannon/pen/dyjjeWy

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

RT David Aerne
Made a generative HWB poster over on @CodePen
https://codepen.io/meodai/pen/JjBvZmL?editors=0110

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

RT Matthias Hurrle
Deep Sea Fractal
https://codepen.io/atzedent/pen/qByYwNd

https://twitter.com/softwaretogo/status/1618672335502049281

RT masahito art
Coded an interactive puppy - play with her moving your cursor or touching your screen
@CodePen
#javascript
https://codepen.io/Ma5a/full/MWBGbOb

https://twitter.com/masahitoart/status/1618348453851197440

RT Gayane Gasparyan 🛸
The power of CSS Container Queries
https://codepen.io/gayane-gasparyan/pen/yLqjVWb

https://twitter.com/gggayane/status/1618346464123703296

RT jhey 🔨🐻✨
CSS Tip! 🔮
Wanna make that ring text effect? 💅
You can do it with trig functions 🤓
.ring {
--a: calc(360 / var(--chars));
--r: calc(1 / sin(var(--a))) * -1ch;
}
.char {
transform: rotate(calc(var(--a) * var(--idx)))
translateY(var(--r));
}
@CodePen link below! 👇

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

RT Pimmol
An interactive turntable on which you scratch realtime 🤘🏻
#codepen #turntable #audio
https://codepen.io/pimskie/details/bGjMdxV

https://twitter.com/pimmol/status/1618269916544794625

RT Amit Sheen
Colorful Dissolving Loader (#CSS only)
Live demo on @CodePen:
https://codepen.io/amit_sheen/pen/JjBLaGG

https://twitter.com/amit_sheen/status/1618028328602198016

RT David Aerne
explore a space made out of 1677722 HWB colors on @CodePen
https://codepen.io/meodai/pen/WNKzJbg?editors=0010

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

RT Ashraff Hathibelagal
#codepenchallenge
Using color-mix to theme a geometric Mona Lisa
https://codepen.io/hathibelagal-dev/pen/WNKzJNK

https://twitter.com/Hathibel/status/1618047966937505793

RT Jon Kantner
This preloader doesn’t have many spins left…
https://codepen.io/jkantner/pen/eYjMYPo

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

RT T. Afif @ CSS Challenges
💡 CSS Tip!
Add a cool text reveal animation to your image card
✅ Minimal HTML
✅ No pseudo-element
✅ Powered by CSS Mask (with fallback for old browsers)
Demo:
#CSS
http://codepen.io/t_afif/full/PoBQRmj

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

RT Álvaro Montoro
Time-lapse drawing a chibi (anime? manga?) character with CSS and a single HTML element.
Source code on CodePen:
https://codepen.io/alvaromontoro/pen/abjqKVj

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

the Final prompt for the "New CSS" #CodePenChallenge is new color 🎨
Thanks @koredotai for sponsoring!
https://codepen.io/challenges/2023/january/4

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

RT Amit Sheen
CSS Pendulum Waves.
Always liked looking at these things, so I made one. 😊
Live demo on @CodePen:
https://codepen.io/amit_sheen/pen/NWBwmmr

https://twitter.com/amit_sheen/status/1616386696144101377

RT Callum Macrae
Codepen friday!
https://codepen.io/callumacrae/full/poZpbPY

https://twitter.com/callumacrae/status/1616435689377390592

RT Mustafa Enes
Composing UI flows using JS promises. It has some inspirations from game interfaces. Treating screens as promises has both semantic and practical benefits
See
https://codepen.io/pavlovsk/pen/poZwXmP

https://twitter.com/scriptype/status/1614321287987449861

RT Ana Tudor 🐯🖤🌻
I CSS-ed a thing on @CodePen 🖤
Regular dodecahedron (12 ⬠) expands to rhombicosidodecahedron (20 △ in place of former vertices, 30 ◻ in place of former edges), twists to snub dodecahedron (80 △ & 12 ⬠), twists back, collapses to icosahedron (20 △).
https://codepen.io/thebabydino/pen/gOjGyby

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

RT Kass 🦈
Made with HTML & CSS
⭐CSS Art MPK Mini ⭐
code here:
https://codepen.io/kassandrasanch/pen/eYeBjZy

https://twitter.com/KassandraSanch/status/1616109427299434502

RT Steve Gardner
I've been maintaining a 'Hall of Fame' @CodePen collection. Full of awesome pens I personally consider to be classics. What awesome pens am I missing?
https://codepen.io/collection/DLjrdd

https://twitter.com/steeevg/status/1615428676014989313