[CSS] svg路径动画

这就是方法。

路径属性d：M1 08 0C4 01 0、6 5 1 0、9 5 8 0S1 5 01 5 0、1 8 08 0。

offset-path属性：与路径关联。

偏移距离：0% 到 1 00%。

关键帧：@keyframes 逐帧调整偏移距离。

操作：连接路径和偏移路径并设置偏移距离的动画。

css3动画类型有哪些

过渡是渐变动画，在 0.3 秒内改变背景颜色。

Transform是一个位移动画，在0.5 秒内旋转3 6 0度。

动画为关键帧动画，2 s循环淡入淡出，变化写在@keyframes中。

小程序 纯css 实现tab导航栏下划线跟随动画

使用 CSS3 转换更容易实现选项卡动画。

.wxml 布局： 具体来说，它使用一个元素为当前选项卡创建行。
如果您希望线条跟随选项卡，请使用 translateX 位移。
Curtab 是当前单击的选项卡的索引。
index2 5 0 是位移值（假设每个选项卡宽度为 2 5 0px）。

.js部分： 基于动画的选项卡的简单实现。

缺点： 制表符宽度必须固定。

JS实现： 要获取元素位移值，请使用wx.createSelectorQuery。
TranslateX 动态计算位移值。

厚脸皮的任务： 这是后续动画的纯CSS实现。
效果同样流畅。