motion-path

CSS中的基本图形和路径

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

CSS的motion-path属性

在CSS中要实现一个动画按一个指定的路径运动,相对而言是较为困难的。虽然通过transform能模拟出来一定的效果,但要达到很完美的效果是非常的痛苦的,也较为困难的。那么今天给大家介绍的motion-path属性虽然 还未成为W3C中的正式规范,但这个属性能帮助大家轻易实现一个动画按指定路径运动。

返回顶部