今回はロードなどをしているときに出てくるあのぐるぐる（伝われ）を作っていこうと思います。 早速完成品 こんな感じのものを作ります。 作り方 1/4のborderの付いた円をつくり、それを回転させることでロード中のぐるぐるを作っています。 1/4のborder付き…

borderのみの半円を作りたい！ 完成形がこんな感じ↓の枠線だけがついた半円を作りたい！ あと、一つのdivだけで作りたい！ 早速完成品 条件通りdivは一つでいきたいと思います。 <div class="circle"></div> .circle{ width: 200px; height: 100px; overflow: hidden; } .circle:before…

今回はWebサービスを開発している途中に作ったHTMLのinput、range要素を使って文字のサイズを変更するものを紹介していきたいと思います。一旦デモをどうぞ。ここの文字のサイズが変わります。 10 HTML まずはHTMLを少し書きます。 <p id="p">ここの文字のサイズが変わ</p>…