ThinkChat2.0新版上线,更智能更精彩,支持会话、画图、阅读、搜索等,送10W Token,即刻开启你的AI之旅 广告
[toc] ## 兼容性 ![](https://box.kancloud.cn/356705f382f72439c5a5d19de0a571ca_765x336.png) ## 裁剪与占位 该属性只是改变元素的外貌,但并不改变其占位 ## 函数 ### inset(width,height) ``` clip-path:inset(100px,50px); ``` ### circle(radius at x y) 以ft 100px top 100px 的位置为圆心,50px为半径画圆,进行裁剪 ``` clip-path:circle(50px at 100px 100px) ``` ### polygon['pɑlɪɡɑn] >[info] n. 多边形;多角形物体;谐音:怕里杠 > 多边形,点数不限 ![](https://box.kancloud.cn/d5510f360e11512df42ed033e70d0088_477x258.png) ### url(svg) ![](https://box.kancloud.cn/42c0ba3d90f5a9c897f8983cee2b162e_348x104.png) ## 支持动画 ``` transition:clip-path .4s; ```