在CSS中有些属性是允许CSS绘制图形形状,比如常见的是使用border
或者box-shadow
来绘制图形或者形状。除此之外,在CSS中还有类似circle()
函数也可以绘制圆形。除此之外,在CSS中有一些形状是为CSS其它属性服务,比如clip-path
为mask
服务和在shape-outside
让文本围绕形状排版。还有一些CSS属性使用像SVG中的图形做一些事情,比如offset-path
中使用path()
函数实现路径动画。而其中path()
是一个非常棒的功能,可以绘制任何图形。在接下来的内容中,来介绍一下CSS中的基本图形和路径。希望对大家有所帮助。