跳到主要内容

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 曲线的结合

实例​

性质​

相关内容​

参考文献​