CSS
-
[CSS] CSS로 삼각형 및 말풍선 구현하기(feat. styled-components)CSS 2022. 12. 28. 23:57
프로젝트 진행 중 댓글 답댓글 작성, 댓글수정, 댓글삭제를 위한 드롭다운 컴포넌트를 아래 그림과 같은 드롭다운 컴포넌트로 만들기로 했습니다. 위의 삼각형 영역과 아래의 드롭다운 영역을 나누어 코드를 작성했고 전체 코드는 아래와 같습니다. const CommentDropDown = () => { return ( // 모달 내용 코드 영역 ); }; export default CommentDropDown; const ModalContainer = styled.div` position: absolute; width: 170px; border: none; z-index: 30; right: -25px; top: 53px; // 말풍선 위쪽 삼각형의 border가 되는 삼각형 .triangle { position..