css2 [Vue3] 토글 만들기 (css) 위와 같은 토글 만들기 1. 버튼 안에 글씨가 들어가야 한다. 2. 재선택 했을 때는 움직임이 없고 다른 모드를 선택했을 때만 토글 버튼이 이동한다. html AI 모드 Editor 모드 {{ toggleValue }} 📌 포인트 toggleValue 로 움직임과 내부 글씨를 컨트롤 한다. 이후 토글 버튼과 맞물리며 페이지 전환 시에도 해당 변수 값을 활용하면 되지 않을까, 라는 아이디어에서 착안 css .toggle-btn { margin-left: 21px; color: #77809C; text-align: center; font-family: 'Pretendard-Medium'; font-size: 11px; height: 30px; font-style: normal; font-weight: 500.. 2023. 9. 19. 스크롤바 커스텀 css 기록 // 스크롤바 .wrapper::-webkit-scrollbar{ width: 7px; } /* 스크롤바 막대 설정*/ .wrapper::-webkit-scrollbar-thumb{ background-color: #E9E7F2; display: block; border-radius: 25px; box-shadow: 1px 1px 2px rgba(28, 17, 61, 0.20), -1px -1px 2px #FFF; } /* 스크롤바 뒷 배경 설정*/ .wrapper::-webkit-scrollbar-track{ background-color: none; } /* 스크롤바 위 아래 길이 설정 */ .wrapper::-webkit-scrollbar-button:vertical:start:increment, .. 2023. 7. 13. 이전 1 다음 반응형
