바닐라js 프로젝트 질문

Question

부캠에서 바닐라 js로 프로젝트를 진행중인데 궁금한게 있어 질문드립니다.제가 장바구니 페이지를 맡아서 일단 html/css로 디자인은 다 했고 js로 기능을 구현중인데 현재 장바구니에 담아놓은 물품이 카드처럼 나와있는데 여기서 특정 카드의 x를 누르면 그 카드는 사라지게 하는 기능을 구현중입니다.근데 x누르면 그 요소가 그냥 띡 없어지는게 아니라 요소가 없어지고 아래 카드들이 없어진 요소의 위치를 채우며 스르륵 위로 올라오게끔 하고 싶은데 js나 css로 이를 구현할 수 있을까요? 어떻게 해야할지 감이 안오네요 ㅠ

Hee Sung Son · Answer

해당 카드는 opacity 100에서 0으로 즉시바꾸고, 높이를 현재높이에서 0으로 애니메이션 처리후 제거하면 다른 아이템들은 자동으로 올라올거 같네요

바닐라js 프로젝트 질문

1개의 답변

Q&A 목록