한 걸음씩
CSS clip-path 본문
HTML의 원소들은 기본적으로 네모이다.
clip-path 속성을 사용하면 원하는 모양을 구현할 수 있다.
clip-path: ploygon(0 0, 100% 0, 100% 75vh, 0 100%);
https://developer.mozilla.org/en-US/docs/Web/CSS/clip-path
clip-path - CSS: Cascading Style Sheets | MDN
The clip-path CSS property creates a clipping region that sets what part of an element should be shown. Parts that are inside the region are shown, while those outside are hidden.
developer.mozilla.org
'Web' 카테고리의 다른 글
| SASS (1) | 2023.12.06 |
|---|---|
| BEM (1) | 2023.12.06 |
| [web][css] transition, animation (0) | 2023.05.16 |
| [web][css] typography (0) | 2023.05.12 |
| [web][css] mediaquery (0) | 2023.05.12 |
'Web' Related Articles
more
