웹언어/코드공유 검색 결과
2 개의 검색 결과가 있습니다.
웹언어/코드공유

[코드공유] 필터 갤러리(반응형) 만들기

[코드공유] 필터 갤러리(반응형) 만들기 필터 갤러리를 만드는 코드를 공유하고자 한다. 필터는 내가 원하는 부분만을 찾기 위한 장치이기에 필터에 해당되는 이미지를 보게 해주는 코드를 만들 예정이다. 도움이 되었다면 공감 혹은 덧글 남겨주면 좋겠다. 첨부파일 참고자료 ↓↓↓↓ 결과물 새로 고침 할 때마다 배열을 섞기 때문에 매번 다르게 정렬된다 각 필터에 들어가면 각 필터에 해당되는 자료들만 나타나게 된다. HTML 코드 All Action Animation Comedy Drama Thriller Horror Romance HTML 관전 포인트 1)제이쿼리 사용 2)li에 data-filter을 이용하여 필터 만들어주기 3).poster의 자식인 .itemBox들 주석처리 1) 좀더 편한 접근을 위하여 제..

2021. 5. 14. 09:00
웹언어/코드공유

[코드공유] 아날로그 시계 만들기

[코드 공유] 아날로그시계 만들기 아날로그시계에 대한 자료가 많이 없어 코드를 공유하고자 한다. 대부분 디지털 시계만 구현하던데.... 아날로그시계를 직접 만들어 보려 한다. 첨부파일을 올릴 테니 코드가 필요하면 다운로드 하면 된다. 제이쿼리 없이 코딩 한것이다. 도움이 되었다면 공감 혹은 덧글 부탁드려요 첨부 파일 참고 자료 ↓↓↓↓ 코드 리뷰 HTML 문서 셋팅 *{ margin:0; padding:0; box-sizing:border-box; } body{ display:flex; justify-content: center; align-items: center; min-height:100vh; background-color: #091921; } .clock{ width:350px; height:35..

2021. 5. 8. 09:00