ex) 스크롤 전 ex) 스크롤 60px 후 ![](https://images.velog.io/images/kopu94/post/f4891f05-80d6-4e23-ab27-12c8647b0537/%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1

Installation : 둘 중에 하나를 설치해 줍니다 Include css Slick API ex) react ex)css : slider 태그 안에 있는 태그는 .slice-slice 뒤에 사용

그리드는 내가 원하는 배열로 나열할 수 있다 ex) 한줄에 4개씩 나열이 됐다

첫번째 입력 : x축두번째 입력 : y축세번째 입력 : 그림자 퍼짐의 정도 (photoshop의 gaussian blur와 유사)네번째 입력 : 그림자의 컬러

상단에 설정한 CSS하단에 media screen을 이용하여 형태 변경위와 같이 입력하면 상단의 CSS에서 있었던 img1이 브라우저 width의 크기가 740이 되면 사라지고, img2가 나타난다

이미지나 비디오 요소의 콘텐츠 크기를 어떤 방식으로 맞출 지 지정 사이즈를 지정해 주어야 그 크기에 맞춰 이미지가 조정된다

문서상에 요소를 배치하는 방법 지정

꼭!! Position과 같이 사용해야 한다