javascript - 在图标上悬停绘制图标

Question

我正在尝试为我的个人作品创建此图标动画效果。因为他们使用图像在悬停时绘制图标。任何其他技巧都可以使用这个技巧。请指教

Live Working Link

http://puu.sh/pAksc/8c81c44718.png

Answer 1

哥们……我觉得你根本不明白你在说什么……以下是您应该首先尝试并理解的一些事情。

首先，您是否尝试过任何代码或寻找过教程？!通常，如果你在 Stackoverflow 上发布问题，你并不是要求人们做你的工作，你必须首先尝试过一些事情并有一个代码示例来展示......从这里开始:https://css-tricks.com/svg-line-animation-works/这应该做你想做的事。然后你只需在 div:hover

上触发动画

其次，这个不适用于 png。这只适用于特定的 SVG 图像。首先了解一下什么是 SVG 图像以及如何在 HTML/CSS 中使用它。

第三，您不需要在这里任何 jQuery，所以如果这是您网站中唯一需要 jquery 的东西，请将其放在一边。