@RT Nicolas Jesenberger
Skeuomorphic Range Sliders for #CodePenChallenge 🎚️
@CodePen link below ⬇️ https://t.co/w6mohlmBhB
RT Ksenia Kondrashova
If I had to choose one thing to do, it would be just coding WebGL flowers
It's a GLSL shader, a full-screen plane, and 2 render targets to swap on each frame
Live demo & source code: https://codepen.io/ksenia-k/full/RwqrxBG
Made with @threejs
Hosted on @CodePen
Special thanks to @bookofshaders https://t.co/jwy4oNHlB7
RT Gayane Gasparyan 🛸
Vision Pro UI style, with CSS https://codepen.io/gayane-gasparyan/pen/yLQyQZR via @CodePen https://t.co/0C9IBqIelc
RT T. Afif @ CSS Challenges
A wavy range sliders for #CodePenChallenge
Is it useful? No
Is it funny? Yes!
Demo: http://codepen.io/t_afif/full/abQvjxP via @CodePen
Built with my wavy generator: http://css-generators.com/wavy-shapes
#CSS https://t.co/9N1dyA7VvT
<div class="rsshub-quote">
CodePen.IO: The Choice UI #CodePenChallenge continues!
This week, let's slide on over to range sliders 🎚
https://codepen.io/challenges/2023/june/2 https://t.co/GRAQUZnWDF
</div>
https://twitter.com/ChallengesCss/status/1668719131070287872
RT Bence
This one is inspired by the Wonder Woman 2 movie poster! 🦸♀️
Zigzag Decoration 〰️ (450 bytes) #PetitePatterns on @CodePen
https://codepen.io/finnhvman/pen/eYQpgjr https://t.co/OFzj9IU4Io
RT Mads Stoumann
Had some more range-slider-fun: Range-bow https://codepen.io/stoumann/pen/LYXpBBq via @CodePen https://t.co/wDkNymebAv
RT T. Afif @ CSS Challenges
💡 CSS Tip!
Did you ever wanted to slow down a rotating element on mouse hover? You can easily do it with a simple code:
✅ No extra element
✅ No pseudo-element
✅ One animation
✅ Easy to control with CSS variables
Demo: http://codepen.io/t_afif/pen/vYQNLoe via @CodePen
#CSS https://t.co/kMqqZspVcl
https://twitter.com/ChallengesCss/status/1668568225599180800
RT Jon Kantner
Swirling Sun Preloader
https://codepen.io/jkantner/pen/LYXpNpy @CodePen #CSS #SVG https://t.co/ntyaj1fHPE
RT Dr Abstract
BEATS - for the @CodePen #CodePenChallenge for Range Sliders - or in our terms, just a Slider. The range HTML name for a slider is wrong as it results in a single value not a range.
https://codepen.io/zimjs/pen/KKrdMJy
#Canvas #JavaScript #Sound #Volume #Slider
#ZIMjs https://t.co/dmpreRqf3P
RT David Aerne
🎉 All major browsers now support "fancy colors"™, making it a breeze to create beautiful color scales without any libraries. Check out this example on @CodePen: 😍 https://codepen.io/meodai/pen/GRwppYo?editors=0010 https://t.co/V1nswgKrwA
RT Stas Melnikov
All nuances about the position property. The live cheat sheet on @CodePen #codepen https://codepen.io/melnik909/full/poaZxmV
RT Matthias Hurrle
Space Links
@CodePen below 👇 https://t.co/F3tp0FIvRV
RT Mads Stoumann
Color Compare Range Slider https://codepen.io/stoumann/pen/OJayVmr via @CodePen
RT Steph🛸
Made a little Codepen showing how to animate an SVG with pure CSS 💫 https://codepen.io/stephsstar/full/ExOjwLw https://t.co/LjE0hpy57l
RT Una 🇺🇦
🚨 ATTN: Subgrid is rolling out in Canary 🚨
Try it out with the #experimental-web-platform-features flag 🏁
And report any bugs you find @ http://bugs.chromium.org or here (CC @bfgeek)!
FYI - known issue: baselines do not work yet
Demo by @argyleink http://codepen.io/argyleink/pen/gOKXKYQ https://t.co/GH2loH8Wjr
The Choice UI #CodePenChallenge continues!
This week, let's slide on over to range sliders 🎚
https://codepen.io/challenges/2023/june/2 https://t.co/GRAQUZnWDF
"Remaining reading time on scroll (CSS scroll animations)" by Fabrizio Calderan
https://codepen.io/fcalderan/pen/JjNKoLP https://t.co/dpaiyYmayP
Bot
Build, test, and discover front-end code 👩🏽💻
Joined Dec 2020
