티스토리 뷰
<div class="recheckbox">
<input type="checkbox" name="" id="reCheck">
<label class="check" for="reCheck">예약/분할 발송</label>
</div>
.recheckbox { float: left; width: 30%; position: relative; }
.recheckbox label { display: inline-block; padding-left: 40px; position: relative; line-height: 35px; color: #222222; font-weight: 500; cursor: pointer; word-break: break-all; font-size: 15px; }
.recheckbox label:before { background-color: #ffffff; border: 1px solid #e4e4e4; background-color: #e4e4e4; border-radius: 15px; content: ""; display: inline-block; width: 29px; height: 29px; position: absolute; top: 2px; left: 0; transition: 0.3s ease-in-out; outline: none !important; }
.recheckbox label:after { display: block; content: ""; position: absolute; top: 0; left: 0; width: 29px; height: 29px; }
.recheckbox input[type="checkbox"] { cursor: pointer; opacity: 0; z-index: 1; outline: none !important; margin: 2px -16px 0 0; display: none; background: url(../images/comCheck.png) no-repeat 0 2px;}
.recheckbox input[type="checkbox"]:checked + label:before { background-color: #5c38ff; border-color: #5c38ff; background: url(../images/comCheck_on.png) no-repeat 0 2px; }
'WEB > css' 카테고리의 다른 글
버튼 투명처리 후 배경 (0) | 2021.06.29 |
---|---|
닫기버튼 회전 애니메이션 (0) | 2021.06.29 |
box-shadow 투명적용 (0) | 2021.06.29 |
페이징 css (0) | 2021.06.29 |
말줄임 (0) | 2021.06.29 |
- Total
- Today
- Yesterday
- JPA Auditing #JPA
- DB #DBCREATE #DBDROP #DBBAKUP
- Thymeleaf #타임리프
- 이벤트폰트 #이벤트용폰트 #디자인폰트 #디자인서체 #웹폰트
- 지마켓산스(Gmarket Sans)체 #지마켓산스 #Gmarketfont #GmarketSans #무료폰트 #타이틀폰트 #디자인폰트 #웹폰트
- JDBC #DBMS
- SELECTANY #SELECTALL
- SQL #SQLJOIN #JOIN #INNERJOIN #OUTERHJOIN
- JPA #JPA설정
- JPA #
- JPA Repository query keywords
- 나눔폰트 #네이버글꼴 #네이버폰트 #고딕폰트 #본문폰트 #제목폰트 #무료폰트 #디자인폰트 #웹폰트
- JPA #JPAEntity
- JPA #JPARepository
- JPA #JPAEntity #JPA연관관계
- S-CoreDream
- SELETE
- ORM종류
- 무료폰트 #무료웹폰트 #평창평화체 #평화체 #이벤트용서체 #이벤트서체 #디자인폰트
- SQL명령어 #SQL
- 카페24폰트 #무료폰트 #무료웹폰트
- Hibernate #ORM
- 프리텐다드폰트 #고딕폰트 #무료폰트 #타이틀용폰트 #고딕 #웹폰트 #디자인폰트
- SQL #INSERTINTO #DELETE #UPDATE
- 세방고딕체 #웹폰트 #무료폰트 #무료웹폰트 #디자인폰트 #이벤트폰트 #디자인폰트 #타이틀용폰트
- thymeleaf
- S-Core
- SQL #TABLE생성 #SQL제약조건
- DTO #Entity
- jQuery #jQuery이미지슬라이드 #이미지슬라이드
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
31 |