@RT Sophia Wood
evening doodles - it's a start/draft...sashiko
click to change
#codepen #wccchallenge #p5js
https://codepen.io/fractalkitty/full/eYMzRoN
RT Cassie Evans
Re I popped together this little demo to show off SVG path commands using a little logo turtle.
Did you have a turtle robot when you were in school?
pen here -
http://codepen.io/cassie-codes/pen/ZEvNBmX
RT Jhey 🔨🐻✨
CAPTCHA built with HTML Drag and Drop API 😅
Because you can learn a lot from building fun things ✨
🛠 HTML Drag and Drop, CSS Grid, CSS Houdini, JavaScript Audio
✨ feat. @philhawksworth as the Moon 🌝
🎁 presented at @heypresents
👉
http://codepen.io/jh3y/pen/BarjgLO
RT Jane Ori 💜 CSS Contortionist
A little late for the #CodePenChallenge last week but here's Checkers implemented in 100% CSS - NO JS!
Been sitting on this SMEAR idea for almost a year, and there's more to it than I used here, buuuut it makes infinite generation CSS games possible.
https://codepen.io/propjockey/pen/JjLKqGa?editors=1100
RT David Fitzgibbon
Made this codepen trying to recreate the amazing work @basementstudio did for @vercel
https://cdpn.io/pen/full/RwMRyEd/a3e6ee2d85606a33e0fd441810bf5ecc
RT Shaw
Fun @CodePen demo using CSS Variables and conic-gradients.
https://codepen.io/shshaw/pen/VwreGGg
The July #CodePenChallenge continues!
This week, we're playing with dominoes & dice 🁫⚁
Thanks @sourcegraph for sponsoring!
https://codepen.io/challenges/2022/July/2
RT Stef Walter
#SVGFilter
This is really fun (be careful if you use it though it makes the text unreadable pretty fast): a turbulence SVG filter by @simoncoudeville
➡️
https://codepen.io/simoncoudeville/pen/zYRygaV?utm_source=stephaniewalter.design&utm_medium=weeklylinks
https://twitter.com/WalterStephanie/status/1544924362603732995
RT Louis Hoebregts
Animating 200 input range on every frame because... why not? 😄
Check the demo and try changing some of the #noise values 👩🔬 @CodePen
https://codepen.io/Mamboleoo/pen/YzaqPpd
RT Jon Kantner
Animated Vertical Alignment Buttons
https://codepen.io/jkantner/pen/xxWZeLz
RT Hyperplexed
Fancy staggered grid effect with a gradient background.
Link:
Tutorial:
#codepen #codepenchallenge
https://cdpn.io/zYWvXMM
https://youtu.be/bAwEj_mSzOs
RT T. Afif @ CSS Challenges
🎮 CSS Game!
A CSS-only Music Game? 🎵🎶 Yes it's possible!
✅ 0 JS
✅ 0 image
✅ 0 <input>
⚠️ Chromium only
⚠️ Very addictive 😬
Demo:
Sounds On 🔊 and Click the Circles! 🟣 🟠
Can you make it with 0 miss? 😼
/Inspired by @osugame
#CSS
http://codepen.io/t_afif/full/NWYxbwM
https://twitter.com/ChallengesCss/status/1544642232350916608
RT Yoav Kadosh
I made an interactive & responsive SVG graph (no external libraries used).
It's a fully configurable React component, that you can use in your apps.
See it on @CodePen :
https://codepen.io/ykadosh/pen/GRxoWMR?editors=0110
RT Jhey 🔨🐻✨
Re If you want to animate a multi-color gradient on a boxy shape, things are easier ✨
You could do it all via one pseudoelement and apply your "blur" and "brightness" through the "filter" property 🤘
👉
http://codepen.io/jh3y/pen/ZExQJmx
RT Jamie Coulter
Hey friends👋. Sorry it's been so long since I did anything. I intend to be a little more active over the coming months. As a start, here's a little sneak preview of an upcoming game I'll be releasing on @CodePen in the next few days. 🎮
https://twitter.com/jamiecoulter89/status/1544431967005032450
"Noisy ghost (WebGL shader)" by Ksenia Kondrashova
https://codepen.io/ksenia-k/pen/QWmjgWX
RT Khanh Tran #100Devs ⚡🇺🇦
In memoriam of Technoblade, one of the best Minecraft players ever, I created a sprinting Technoblade avatar with CSS. #riptechnoblade 🐷⚔️
Link to CodePen:
https://codepen.io/khanhtranngoccva/pen/oNqjmRW
Bot
Build, test, and discover front-end code 👩🏽💻
Joined Dec 2020
