1) Switch Button
See the Pen Switch Button by Hugo (@kapz) on CodePen.
2) Switch ButtonPure CSS Toggle Buttons | ON-OFF Switches
See the Pen Pure CSS Toggle Buttons | ON-OFF Switches by Himalaya Singh (@himalayasingh) on CodePen.
3)CodePen Home Pure CSS toggle buttons
See the Pen Pure CSS toggle buttons by Mauricio Allende (@mallendeo) on CodePen.
4) Switch
See the Pen Switch by Fabrice Lejeune (@fabricelejeune) on CodePen.
5) CodePen Home An Actual Pure CSS Checkbox Slider
See the Pen An Actual Pure CSS Checkbox Slider by Mark (@markmead) on CodePen.
6) Toggle buttons / On-Off switches
See the Pen Toggle buttons / On-Off switches by Himalaya Singh (@himalayasingh) on CodePen.
최근에 찾는 다크 라이트 모드 CSS 스타일 스위치입니다. 코드펜에서 찾은 디자인인데요! 어떻게 디자인을 하느냐에 따라 정말 예쁘게 디자인을 할 수 있을 것 같습니다. 적용방법은 각각 HTML / CSS / JS로 구성해서 예쁘게 꾸밀 수 있습니다.
'Web Development > CSS' 카테고리의 다른 글
| [CSS] 텍스트 커서(caret) 색상 변경 (0) | 2021.07.17 |
|---|---|
| CSS3 텍스트 그림자 효과(Text Shadow Effects) (0) | 2021.07.17 |
| 유니코드(Unicode) 한글 범위 (0) | 2021.07.17 |
| CSS 이미지 스프라이트란 무엇일까? (0) | 2021.07.17 |
| 맥 OS Dock 구성(Mac OS Dock) (0) | 2021.07.17 |
| IE에서 object-fit 속성처럼 적용하는 방법 (0) | 2021.07.17 |
| [CSS] overflow 속성 정리(hidden, auto, scroll) (0) | 2021.07.17 |
| [CSS] IE(익스플로러)에서 말줄임 또는 -webkit-line-clamp 이슈 (0) | 2021.07.17 |
