# preserve-3d

2개의 포스트
post-thumbnail

3d-carousel

3d-carousel 만들기 1. carousel 이란 > carousel : 번역 시 회전목마라는 뜻으로 슬라이드쇼와 같은 방식으로 콘텐츠를 표시하는 UX 구성 요소를 의미 carousel은 다양한 종류가 있음 플러그인을 사용하면 쉽게 구현할 수 있다. (owl-carousel, bootstrap-carousel, swiper-carousel 등) 회전목마 2. 3d-carousel 구현 > 수업에서 배운 perspective 속성과 perserve-3d 속성을 응용하여 3d-carousel를 직접 구현해 보기 구현 포인트 prespective 속성과 preserve-3d 속성 transformZ 길이 적용 1 ) 먼저 carouse

2023년 3월 24일
·
0개의 댓글
·

transform: rotateY(180deg);

아래의 코드가 구현되어있는 페이지이다. >CSS >

2022년 10월 2일
·
0개의 댓글
·