![[JavaScript] Swiper 예제 - 3D 입체 효과(coverflow) 포스팅 썸네일 이미지](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdna%2FbjjzcQ%2Fbtq7QPKqHeE%2FAAAAAAAAAAAAAAAAAAAAALGqYNvI1tuZiI6crAvVcOyxmkmDWTyxOXjDUpCwHUj0%2Fimg.jpg%3Fcredential%3DyqXZFxpELC7KVnFOS48ylbz2pIh7yKj8%26expires%3D1753973999%26allow_ip%3D%26allow_referer%3D%26signature%3DLwF%252FF%252FTvme6IeDAFzOzb93YOj%252Fo%253D)
JavaScript/실전
[JavaScript] Swiper 예제 - 3D 입체 효과(coverflow)
Swiper의 effect: 'coverflow'를 사용하여 3D 입체 슬라이드를 만들 수 있다. HTML CSS .swiper-slide { width: 20%; margin-right: 10px; height: 200px; } .swiper-slide.slide01 { background-color: #BE5EC2; } .swiper-slide.slide02 { background-color: #F862A7; } .swiper-slide.slide03 { background-color: #FF7B87; } .swiper-slide.slide04 { background-color: #FFA26A; } .swiper-slide.slide05 { background-color: #FFCE5E; } .swi..