CSS 剪裁路径
阐述
用 clip-path
从方形的盒子创造丰富的形状。盒子的坐标系统是从左上角 (0% 0%
) 一直到右下角 (100% 100%
)。剪裁可以应用 CSS 动画以创造出更丰富的效果。剪裁与 CSS 滤镜#阴影一起使用时,需要将阴影放在父元素上。
多边形 polygon
polygon(<position>, ...)
应用动画时,多边形需要具有同样的点的数量。
椭圆 ellipse
和圆 circle
ellipse(x-radius y-radius at x-position y-position)
以及 circle(radius at x-position y-position)
路径 path('str')
任意直线、圆弧和 Bezier 曲线的结合