piece
- 돌출부위는 --piece-shape-width 과 --piece-shape-height 의 15% 크기를 가진다.
-
.piece-shape 의 애트리뷰트 data-shape-top="n" data-shape-right="n" data-shape-bottom="n" data-shape-left="n" 로 돌출 부위 설정
n : 안쪽 방향
0 : 없음
p : 바깥쪽 방향
-
.debug 를 사용하면 .piece-wrap(파란색)과 .piece-shape(빨간색)의 면적을 보여준다.
mask-zigzag
mask-rect
mask-css
mask-svg
mask-zigzag
mask-rect
mask-css
mask-svg