DEV Community

Discussion on: Using Slice for Star Rating Effect

merri profile image
Vesa Piittinen • Edited

Here is what you can do now in the sense of no JavaScript + minimalistic CSS + maintain accessibility.

Biggest advantage here is the super tiny CSS to achieve all the features. The greatest downside is that arrow controls work in reverse of expectation, you could change that with JavaScript if you want to maintain a minimalistic CSS (or by using :has instead and restoring elements to the correct order).