@RT Amit Sheen
Catch that light! 💡
A simple game in pure #CSS to test your skills, speed, and nerves... 😜
Play on @CodePen: https://codepen.io/amit_sheen/full/dyQGQLr
Let my know if you caught it 😎 https://t.co/sj0J1t9RIF
RT Matthias Hurrle
Caressed by the Sun
@CodePen below 👇 https://t.co/PmspAo7GpE
The Choice UI #CodePenChallenge continues!
This week, let's reach for the stars with star ratings ⭐️
https://codepen.io/challenges/2023/June/3 https://t.co/7QTYFLuqH3
RT Ceramic Soda
🌊 SVG Water Reflection 🌊 https://codepen.io/ceramicSoda/pen/abQNBBz?editors=0100 via @CodePen #codepen #motion #SVG https://t.co/ktrcJlDAic
RT jhey 🔨🐻✨
CSS Tip! ⚡️
If you want your CSS transforms to be positioned in the 3D-space, use "transform-style: preserve-3d;" 🤖
Here's what happens when you use it in your CSS art and go a little heavy on the transform 😅
"CSS, Cascade!"
@CodePen link below! 👇 https://t.co/DNBXZji7Kj
RT Dilum Sanjaya
Experimenting with range sliders - all demos use HTML inputs with type='range', no drag event listeners. A dash of special CSS positioning makes it all more fun!
Demo: https://codepen.io/dilums/full/YzRwjBM via @CodePen
#codepenchallenge #React https://t.co/DZ4mwcEaBc
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
Bot
Build, test, and discover front-end code 👩🏽💻
Joined Dec 2020
