5️⃣ 850 ♥️ No SVG, no image fluid slider https://codepen.io/thebabydino/pen/qByGqOm
#JS used only for
a) feature support detection
b) updating slider value in --val
Uses only
1 × input[type=range] for actual slider
1 × output for current value display
1 × datalist for ruler
One of my best sliders on @codepen.
#CSS #slider #rangeInput #coding #web #dev #webDevelopment #webDev #code #frontend #cssGrid #cssMask #cssGradient
🚀 RapidClipse 13 has landed! Upgraded to #Vaadin 24 & the latest Eclipse, with new UI components like #RangeInput. Elevate your dev game now! 🔗 https://rapidclipse.com/en
Talk to us about #RapidClipse and more at DEVNEXUS this week!
#Vaadin24 #OpenSource
Death metal powered workout: done ✅
Should clean myself & quickly run to Lidl, but first... here's something for you and sort of for the #CodePenChallenge: a soft realistic slider!
Check it out on @CodePen: https://codepen.io/thebabydino/pen/BaRopgJ
#css #slider #rangeInput #coding #frontend #webdev #webDevelopment
Ana Tudor 🐯
RapidClipse
