box-shadow

그림자 속성을 줄 수 있다.

이 사진 밑쪽 처럼 그림자를 줄 수 있다. 원하는 방향 어디든 줄 수 있다.

  box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.4);

이렇게 사용할 수 있다.

-참고 사이트

box-shadow - CSS: Cascading Style Sheets | MDN

box-shadow CSS 속성은 요소의 테두리를 감싼 그림자 효과를 추가합니다. 쉼표로 구문해서 여러 그림자 효과를 입힐 수 있습니다. 박스 그림자는 요소에서의 수평수직 거리(오프셋), 흐릿함과 확산

developer.mozilla.org

overflow-x

overfolow-x는 아이템의 범위가 넘치면 스크롤을 만들거나 안보이게 하는 등의 속성을 줄 수 있다. overflow-y로도 사용이 가능하다.

이렇게 아이템이 넘치는 경우 스크롤이 가능하다.

  overflow-y: auto;

코드에서는 이 코드를 사용했다.

-참고 사이트