我试图在vue.js中动画一个徽标,当你将指针移动到徽标上时。它应该是一个'点'的测量下面,应该移动一次的行动都向下和向上。我设法使它出现在底部,但它只是眨眼,而不是顺利的动画。
下面是我尝试的代码:
<circle id="Ellipse_2" data-name="Ellipse 2" cx="92.995" cy="8.495" r="3.995" fill="#c5a075">
<animate attributeName="cy"
dur="3s"
calcMode="spline"
repeatCount="indefinite"
values="8.495; 52.779; 8.495"
keySplines="0 0 1 1"
keyTimes="0;0.5;1"/>
</circle>
谢谢你,谢谢!
1条答案
按热度按时间kmpatx3s1#
你可以为你的logo和动画创建一个Vue组件。您可以通过在JavaScript文件(例如Logo.vue)中定义Vue组件并将其链接到HTML来实现这一点。
Logo.vue:
现在你可以把它放在任何你想放的地方。