https://bennettfeely.com/clippy/
Clippy — CSS clip-path maker
About Clip Paths The clip-path property allows you to make complex shapes in CSS by clipping an element to a basic shape (circle, ellipse, polygon, or inset), or to an SVG source. CSS Animations and transitions are possible with two or more clip-path shape
bennettfeely.com
css 에서 좌표나 위치 지정해서 무언가 효과를 줘야 하거나 작업을 해야 할때, polygon을 사용 하게 된다.
그때 그 위치나 패스를 유용하게 따주는 사이트이다.
Demo Size 를 통해 크기를 조절 할 수 있으고
모양을 선택하거나 커스텀 하여 path를 잡을 수 있다.
그렇게 적용 한 값들은 하단에 표시 되는데 이것을 복사하여서 css에 넣으면 된다.
728x90
'HELP > SITE' 카테고리의 다른 글
| [GRADIENT] 그레디언트 조합이 어려울때 (0) | 2022.12.02 |
|---|---|
| [정규식] 정규표현식 모음사이트 (0) | 2022.11.25 |
| [BOX-SHADOW] 그림자효과가 어려울때 (0) | 2022.11.25 |
| [HTML 디자인 및 마크업] 더미이미지 사이트 (0) | 2022.11.25 |
댓글