【CSS】シンプルな電源ボタンを作ってみた

2017年12月12日2019年6月12日CSS,CSSデザイン

checkboxのオンオフでアイコン色をCSSで切り替えているだけです

電源のアイコンマークにはgoogleのmaterial iconを利用しています

See the Pen new pen by yochans (@yochans) on CodePen.

デモとソースコードはCSSボタン集にて紹介しています

https://pastel.repop.jp/web-material-buttons/powor-button.html