CSS(Sass)でレーティング評価の星(★)を表現する方法 - Design Color仕上がりイメージ 表現したいのは以下のような５つ星のレーティング評価です。食べログやAppStoreなどのレビューでよく見かけますよね。星の数は0.5きざみで推移します。 このレーティング、スプライト画像で実装すると評価ごとにバージョンを量産する必要があったりと少し面倒です。しかも、やっぱり後から星の大きさや色を変えたい！なんてなった時にまた画像を作り直すのはさらに面倒。今回は、そんな手間を解決してくれたCSSでの実装方法を紹介します。 実装方法は以下の記事を参考にさせていただきました。本当にありがとうございます〜！こちらの記事では実際にスライダーを動かして星の数を操作することができるため、イメージがつかみやすいですよ！ CSS(Sass)での実装方法 以下が実装用のコードです！初めてCodepen使いました。便利ですね！ ※あとで説明しますが、管理が楽なのでSass形式で作っています。C
