跳到主要内容

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

实例

性质

相关内容

参考文献