[프로젝트] 웹 ITEM FARM - day10

오류 및 문제점

1. carousel fade 마지막 사진 적용

• 문제점: carousel fade를 사용할 때 마지막 사진에서 처음 사진으로 넘어갈 때 fade effect가 적용되지 않는다.
• 해결 방안: CSS를 통해 fade effect를 적용시킨다.

.carousel.carousel-fade .carousel-item {
	display: block;
	opacity: 0;
	transition: opacity ease-out .7s;
}
	
.carousel.carousel-fade .carousel-item.active {
	opacity: 1 !important;
}

진행 상황

1. index image slide를 fade로 변경

<div id="indexSlideImages" class="carousel slide carousel-fade" data-bs-ride="carousel">

---

참고 자료

• 디자인 출처
• carousel fade effect not working
• index v 아이콘

전체 코드> 깃허브
시연 영상> 유튜브