読者です 読者をやめる 読者になる 読者になる

CSSでレート評価(★)を表現してみる

よくアプリのレート評価などで星マーク(★)を使った表現が使われます。 無評価の0から5つ星の6段階であれば、星マークをただ並べれば良いのですが、評価人数の母体が増えると、平均して3.7つ星なんていう状況も出てきます。 そんな表現をCSSだけで出来ないか…

CSSの「linear-gradient」でラインマーカーっぽいことを実現してみる

css

面白いCSSを見つけたのでご紹介します。 ラインマーカーっぽいこと いろはにほへと 閲覧しているブラウザでのCSSの対応状況にもよりますが、「いろはにほへと」の"はにほ"の部分の下半分くらいに色が付いているかと思います。 これは、CSSのbackgroundまたは…