Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- coding
- TypeScript
- 변수
- CSS
- 프론트엔드
- cleancode
- HTML
- @media
- JavaScript
- 코딩테스트
- react-router-dom
- git
- webpack
- media query
- frontend
- node.js
- 반응형 페이지
- github
- redux
- 그럼에도 불구하고
- max-width
- 그럼에도불구하고
- node
- 자바문제풀이
- Servlet
- 코드업
- java
- 자바
- react
- JS
Archives
- Today
- Total
목록LightBox (1)
그럼에도 불구하고
이미지 갤러리 (라이트 박스) 만들기
이미지 갤러리를 만들어보자 조건 1. 사진 6개를 보여준다. 2. 각각의 사진을 클릭하면 화면 전환이 되고 내가 누른 사진의 크기를 조절하여 보여준다. 3. 크기가 조절된 사진을 누르면 다시 사진 6개를 보여주게 만든다. 방법 1 방법 2 방법 3 CSS .row { width: 420px; margin: 30px auto; } ul { list-style: none; margin: 0; padding: 0; } ul li { display: inline-block; } #lightbox { width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.694); top: 0%; left: 0%; position: fixed; display: none; } ..
JavaScript/Function implementation
2022. 12. 30. 23:24