@"Only CSS: Noisy Cube 2" by Yusuke Nakaya
https://codepen.io/YusukeNakaya/pen/oNqRVyQ
"Retrowave/Vaporwave Mountains" by Pentagear
https://codepen.io/pentagear/pen/xxVbBZy
"Footer sorrow" by Steve Gardner
https://codepen.io/ste-vg/pen/PoQgvBK
"homer simpson (adam moritz minimal design)" by Amir Bizimana
https://codepen.io/iambizi/pen/KXPeYB
"infinite text loader" by David A.
https://codepen.io/meodai/pen/QWmemNP
RT T. Afif @ CSS Challenges
💡 CSS Tip!
Reveal your images with a cool hover effect
✅ Minimal HTML (<img>s inside a container)
✅ No JavaScript
✅ Less than 20 CSS declarations
✅ Powered by the :has() selector ✌️
Demo:
#CSS
http://codepen.io/t_afif/full/BarXmGg
https://twitter.com/ChallengesCss/status/1564573116717735936
RT David Aerne
Just had an idea for a simple loader on @CodePen
https://codepen.io/meodai/pen/QWmemNP
RT Johan Karlsson
🍁 Hello autumn! 🍁 on @CodePen:
Click to generate a new random pattern 😉
#creativecoding #generative
https://codepen.io/DonKarlssonSan/full/wvmVMEg
https://twitter.com/DonKarlssonSan/status/1564337085888299011
RT Meme Lord Eric Meyer
It’s #chromium:has(:has()) day! To celebrate in the nerdiest way possible, here’s a test I built exploring how :has() and :empty interact, with some wacky :not() stuff thrown in there for good measure.
https://codepen.io/meyerweb/pen/YzegYPM
RT AdirCode
Buttons with a “3D” perforated effect, I like to call them “inset” buttons, feels the right word for CSS. 😂
Here’s the @CodePen:
https://codepen.io/Adir-SL/pen/XWEGZMM
RT Max Böck
Since container queries will land in Chromium stable next week 🎉, I've updated my post and the demo on codepen to the current syntax. (thanks @Una for the hint!)
https://mxb.dev/blog/container-queries-web-components/
RT Ricardo Oliva Alonso
3D Player/Recorder - Designed by Guillaume Kurkdjian
Live @CodePen:
#html #css #javascript #cssart #3D #isometric #voxelart #music #toto #frontenddev
https://codepen.io/ricardoolivaalonso/full/PoRvRmM
RT jake albaugh
TIL theres a web API for barcode detection in images! it's experimental, but better than any libs i've seen. got a demo of the API over on @CodePen if you're interested.
http://codepen.io/jakealbaugh/pen/VwXOPwB
RT Manuel Matuzović
TIL that you can use the :scope pseudo class to select direct children of an element with .querySelectorAll().
TIL:
CodePen:
https://www.matuzo.at/til/
https://codepen.io/matuzo/pen/XWEGwWd?editors=1111
RT Yusuke Nakaya
息抜きに CSS で遊ぶ！どこかで見たことあるような、ノイジーな立方体の集合体。ちょっと重いよ。
Only CSS: Noisy Cube
@CodePen
#css #css3d #cssart
https://codepen.io/YusukeNakaya/pen/RwMmajM
RT Jhey 🔨🐻✨
Re But, how did I generate those "--lerp" values? The answer is @greensock 💪
It has an awesome utility for distributing values using easing curves which is exactly what I needed 🙌
I used that to build this demo that generates the code 🤓
👉
http://codepen.io/jh3y/pen/ExEJMoR
RT AdirCode
WOW! 😱
I reached a 1,000 followers, that’s amazing and an opportunity to thank all me followers.
So thank you 🙏
Here’s my obligatory @CodePen for marking the occasion:
https://codepen.io/Adir-SL/pen/PoRXdWd
RT merl 🌳
about a year ago i wanted to make a meme but none of the generators were to my liking so i made it on @CodePen lol. i've decided i don't have time to make it "perfect" so here it is 🤷
https://codepen.io/halvves/pen/mdBYBjV
Bot
Build, test, and discover front-end code 👩🏽💻
Joined Dec 2020
