캐러셀 스와이프 응용1번 문제 질문드려요

2 글 보임 - 1 에서 2 까지 (총 2 중에서)

글쓴이

글

2022년 7월 5일 18:56 #38059

참가자

[응용1. 나머지 2번 3번 사진도 스와이프 가능하게 만들어봅시다.]

2번 사진에 캐러셀 스와이프 기능을 추가하려고 합니다.
주석처리한 부분을 어떻게 처리해야 오류없이 스와이프 될 지 모르겠습니다.

`translateX(${시작좌표 - e.clientX}px)` + 100vw 
혹은..아무튼 무언가 값을 더해줘야 오류가 안나올 것 같은데 모르겟네요
힌트부탁드려요 코딩애플쌤, 좋은 강의 감사드립니다.

2022년 7월 5일 23:10 #38068

codingapple

키 마스터

css 문법중에 calc 쓰면 단위가 다른 2개 더할 수 있습니다 
margin-left : calc(100px + 100vw)

글쓴이

글

2 글 보임 - 1 에서 2 까지 (총 2 중에서)

답변은 로그인 후 가능합니다.

로그인

캐러셀 스와이프 응용1번 문제 질문드려요

https://codingapple.com/wp-content/uploads/2019/06/logo2-3.png