kimizuka https://blog.hatena.ne.jp/kimizuka/ みかづきブログ その3 https://kimizuka.hatenablog.com/ CSS input要素をCSSでトグルボタン風に仕上げてみました。 DEMO See the Pen Toggle Button made from CSS only by kimmy (@kimmy) on CodePen. HTML <input type="checkbox" class="btn center"/> SCSS $white: #f8f8f2; $green: #a6e22e; body { background: $white; } .center { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margi… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fkimizuka.hatenablog.com%2Fentry%2F2016%2F11%2F22%2F092804" title="CSSだけでトグルボタンをつくる - みかづきブログ その3" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> http://cdn.mogile.archive.st-hatena.com/v1/image/kimizuka/302453642654896367.png Hatena Blog https://hatena.blog 2016-11-22 09:28:04 rich https://kimizuka.hatenablog.com/entry/2016/11/22/092804 1.0 100%