편집 요약 없음 |
편집 요약 없음 |
||
16번째 줄: | 16번째 줄: | ||
height: 100%; | height: 100%; | ||
position: absolute; | position: absolute; | ||
} | } | ||
2023년 12월 15일 (금) 20:39 판
body, html {
height: 100%;
margin: 0;
overflow: hidden;
}
.slideshow-container {
max-width: 100%;
position: relative;
height: 100vh; /* 전체 화면 높이 설정 */
}
.mySlides {
display: none;
width: 100%;
height: 100%;
position: absolute;
}
/* 추가적인 슬라이드를 나타내는 클래스 (예: .mySlides2, .mySlides3, ...)를 원하는 만큼 추가할 수 있습니다 */
/* 슬라이드를 나타내는 점들 (optional) */
.dot {
height: 15px;
width: 15px;
margin: 0 2px;
background-color: #bbb;
border-radius: 50%;
display: inline-block;
transition: background-color 0.6s ease;
}
.active {
background-color: #717171;
}
/* 슬라이드 전환 애니메이션 (optional) */
.fade {
animation: fade 1.5s ease-in-out infinite;
}
@keyframes fade {
0%, 100% {
opacity: 0.4;
}
50% {
opacity: 1;
}
}