css - CSSで画像の一部を塗りつぶす

Question

星\花\でスケールを作成したいと思います。これにより、平均グレード（4.35など）の場合に分数をグラフィカルに表示できるようになります。CSS を使用して空の非長方形の画像を部分的に塗りつぶす方法はありますか? ティア、マターニャ

Answer 1

div画像に の代わりにを使用しても問題ない場合はimg、画像をdiv要素の背景として設定し、表示する画像の量に応じて div の幅を計算できます。

ただし、計算は JavaScript を介して行うか、サーバー側で行い、div要素にインラインで追加する必要があります。