如何更改CSS中填充过渡的方向

时间:2015-08-29 11:56:03

标签: html css svg

如果可以通过CSS控制填充转换的方向,我很难做好准备。

我使用无限循环内联SVG作为我想要动画的图标。

基本上我喜欢图标在悬停时改变颜色,但是从底部中间开始并跟随无限循环的流动。

这是一个与我想要达到的效果非常相似的GIF。

https://d13yacurqjgara.cloudfront.net/users/117549/screenshots/1372400/loop.gif

任何帮助或建议表示赞赏!

1 个答案:

答案 0 :(得分:0)

如果您使用的是SVG路径,那么一种可能的解决方案是使用stroke-dasharraystroke-dashoffset

你能说出你迄今为止所做的事吗?