@RT Melanie Sumner
I love this. Also I have a CodePen you can play around with if you want to:
It’s always a good idea to know what the browser already gives you for free!!
Ben Holmes 🧑🚀: #whiteboardtheweb EDITION 1
📝 How to HTML forms work?
RT Jonathan Neal
Don’t forget to play with your code.
Don’t forget to do weird stuff in CSS.
This is genuine code written in CSS.
Change the code or the selector.
And don’t forget to play with your code.
https://codepen.io/jonneal/pen/ZErVVwZ??editors=1101
The Numbers #CodePenChallenge continues!
This week, let's work with positives and negatives 🔢
Thanks @taradotai for sponsoring!
https://codepen.io/challenges/2022/june/2
RT AdirCode
I just had a fun time building this Collaborator Group #UI component in #HTML and #CSS, really spent time to make it accessible also for keyboard users.
Here’s the @CodePen:
https://codepen.io/Adir-SL/pen/qBxMVOe
RT Jon Kantner
Magnified Nav Items
https://codepen.io/jkantner/pen/NWyewLd
RT T. Afif @ CSS Challenges
🎮 CSS Game!
IE is almost dead! Here is a Game to kill it forever ☠️ but keep Chrome alive!
A CSS only FPS:
✅ 0 JS
✅ 0 image
✅ 0 <input>
⚠️ Chromium only
Demo:
Show me your best attempt 👇
(❌No screenshot 📽️ Only recording)
#CSS
http://codepen.io/t_afif/full/zYRyENB
https://twitter.com/ChallengesCss/status/1536302707170058246
RT Ana Tudor 🐯🖤🌻
Hi, twitter, I made a little thing on @CodePen.
Remember you only have one short life
Pure CSS 3D. A single div.
https://codepen.io/thebabydino/pen/WNMaLqq
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
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
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
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
"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
"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
Bot
Build, test, and discover front-end code 👩🏽💻
Joined Dec 2020
