It’s always fun playing around CSS to solve some seemingly CSS-only-impossible problems. Years ago my mentor in the front-end team showed us a way to create a star rater with ~ selector and unicode-bidi in CSS 2 (yes, we care a lot about supporting legacy browsers at that time), like a trick but it works, without losing grace unlike most hacks creating a bunch of junk code. Take a look at his code and the result here:

At the time a member of our team raised a question on how to create a rater for mobile with gesture support…


A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store