html の input 要素。 右に左にぐいーんってできます。 これを css でちょっとカッコつけみました。。 input[type="range"] { -webkit-appearance:none; width: 100%; background: #eee; box-shadow: 0 0 10px #666; border-radius: 50px; } input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none; background: #333; width: 50px; height: 50px; border-radius: 50%; } input[type="range"]::-webkit-slider-thumb:hover { background: #999; } input[t
![html の input type="range" を css でカッコつけてみた](https://cdn-ak-scissors.b.st-hatena.com/image/square/08bc553a100f222b490f7ad4cd03fac2b7944f93/height=288;version=1;width=512/https%3A%2F%2Fimg04.ti-da.net%2Fusr%2Fs%2Fh%2Fi%2Fshinji%2Finput_range.png)