@RT David Aerne
explore a space made out of 1677722 HWB colors on @CodePen
https://codepen.io/meodai/pen/WNKzJbg?editors=0010
RT Ashraff Hathibelagal
#codepenchallenge
Using color-mix to theme a geometric Mona Lisa
https://codepen.io/hathibelagal-dev/pen/WNKzJNK
RT Jon Kantner
This preloader doesn’t have many spins left…
https://codepen.io/jkantner/pen/eYjMYPo
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
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
RT Callum Macrae
Codepen friday!
https://codepen.io/callumacrae/full/poZpbPY
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
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
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 Ana Tudor 🐯🖤🌻
TIL: Comic Mono is available on CodePen! 😍
PS - please throw apples or oranges or any other fruit I actually like to eat, not tomatoes at me. Thank you!
<div class="rsshub-quote">
Chris Coyier: Coding Fonts I’d Actually Use
https://chriscoyier.net/2023/01/18/coding-fonts-id-actually-use/
</div> https://twitter.com/anatudor/status/1615740348285739017
RT Björn Hjorth
Uploaded my CSS Sprite animation to @CodePen, use the WASD and take the duck for a spin
👉
#gamedev #javascript
https://codepen.io/colorsofcode/pen/LYBzvdM
RT Jon Kantner
A range slider with a value that slides, too
https://codepen.io/jkantner/pen/WNKZbmZ
"genuary12 - we see what we see" by Sophia
https://codepen.io/fractalkitty/pen/jOpmZQP
RT Callum Macrae
Made a codepen inspired by a @JoanieLemercier tweet in december. Really pleased with how it turned out, even though it took waay longer than I planned it to!
#threejs
https://codepen.io/callumacrae/full/qByPVNr
RT Carl 💥 Creative Coding Club
#SVG Animation Pro Tip: Feathered Colorize 💥
See how we can apply an SVG clip-path and mask to the same image to create this wonderful effect.
Built with @BoxySVG @CodePen @greensock
https://codepen.io/snorkltv/pen/rNKGawL
RT Wakana Y.K.
My latest work💊
Colorful vitamins
Demo:
@CodePen #codepen #threejs
https://codepen.io/wakana-k/pen/mdjMJZK
RT Ksenia Kondrashova
#genuary16 as an excuse to publish this one
Cheap way to turn @threejs primitive to disco ball
- instanced planes w/ matcap material
- positions & normals taken from original geometry merged vertices
Hosted on @CodePen
#genuary #threejs #matcap #codepen
https://codepen.io/ksenia-k/pen/ZEjJxWQ
RT Evan Jin (진경성)
We can cut any Dom elements using this ✂️ (clip-path)
Demo:
Posted On @CodePen
#javascript #css #clippath #cutter
https://codepen.io/rudtjd2548/full/xxJLpxJ
Bot
Build, test, and discover front-end code 👩🏽💻
Joined Dec 2020
