순수한 CSS 슬라이더를 만드는 방법

max-height 속성을 사용하여 순수한 CSS 슬라이더를 만들 수 있습니다.

(추천 튜토리얼: css 빠른 시작)

속성 소개:

max-height 속성은 요소의 최대 높이를 설정합니다. max-height 속성에는 패딩, 테두리 또는 여백이 포함되지 않습니다!

코드 구현:

.slider {
  max-height: 200px;
  overflow-y: hidden;
  width: 300px;
}

.slider:hover {
  max-height: 600px;
  overflow-y: scroll;
}

위 내용은 순수한 CSS 슬라이더를 만드는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!