如何使CSS剪辑路径曲线?[关闭]

zwghvu4y  于 2023-04-01  发布在  其他
关注(0)|答案(1)|浏览(136)

已关闭,此问题需要更focused,目前不接受回答。
**想要改进此问题吗?**更新此问题,使其仅关注editing this post的一个问题。

4天前关闭。
Improve this question
我也在google和stackoverflow上搜索过,我发现所有的人都说你不能用svg代替clip路径曲线
但今天,我在YouTube上看到视频:https://youtu.be/k02_69ciWDE关于网站命名buildez使剪辑路径曲线和动画太!
那么我的问题是这个网站是怎么做的呢?css剪辑路径有什么更新吗?
谢谢大家

wztqucjr

wztqucjr1#

您可以在clip-path中使用path语法,它的行为类似于SVG path,包括arcs and Bézier curves
SVG定义了6种类型的路径命令,总共20个命令:

  • 移动到:M,m
  • LineTo:L,l,H,h,V,v
  • 三次贝塞尔曲线:C,c,S,s
  • 二次贝塞尔曲线:Q,q,T,t
  • 椭圆弧曲线:阿、阿
  • 关闭路径:Z,z

但是,要注意browser compatibility。看起来Opera不支持它,Safari也缺乏动画。

相关问题