CSS by T. Afif :verified: on Nostr: 💡 CSS Tip! Transform the native range slider into an interactive star rating ...
💡 CSS Tip!
Transform the native range slider into an interactive star rating component using a few lines of CSS and 0 JavaScript.
✅ Single-element
✅ No inline styles
✅ Less than 15 declarations
✅ Using the new attr() function 🥳
Demo: https://codepen.io/t_afif/full/GgKYbee via
nprofile1qy2hwumn8ghj7un9d3shjtnddaehgu3wwp6kyqpq9qceztjxtkkj8qd6d5x0ya3r9whzyu9yljdv0f6jw8y8v704dxmq3xnmhh (nprofile…nmhh)
Online Version: https://css-tip.com/star-rating/
#CSS #HTML
Transform the native range slider into an interactive star rating component using a few lines of CSS and 0 JavaScript.
✅ Single-element
✅ No inline styles
✅ Less than 15 declarations
✅ Using the new attr() function 🥳
Demo: https://codepen.io/t_afif/full/GgKYbee via
nprofile1qy2hwumn8ghj7un9d3shjtnddaehgu3wwp6kyqpq9qceztjxtkkj8qd6d5x0ya3r9whzyu9yljdv0f6jw8y8v704dxmq3xnmhh (nprofile…nmhh) Online Version: https://css-tip.com/star-rating/
#CSS #HTML