[TIL] 온보딩과정 3-4일차

ddoobb·2022년 5월 6일

온보딩 과정

목록 보기
3/9
post-thumbnail

clip-path..

지난번 포스팅에서 해결하지 못했던 둥근 모서리를 만드는 법을 스택오버플로우에서 찾을수가 있었다 역시 버거형님들 👍
clip-path 속성은 그대로 inset을 사용하였고 inset의 옵션중에 round속성이 있어 border-round의 값과 똑같이 해주었더니 원하는 모양으로 딱맞게 자를 수가 있었다!

  clip-path: inset(0% 0% round 60px);

위의 코드처럼 한다면 해당 div영역크기 만큼 다 보이도록 설정하는 방법은 0% 0%로 주면서 가리는 부분이 없게 해주는 것이고 round 60px를 통해서 border-round 효과를 추가해줄수가 있다.

0개의 댓글