SVG动画 - 让眼睛跟随光标

时间:2017-04-19 20:31:36

标签: jquery html css animation svg

我有一张脸的SVG。我希望这组眼睛跟随我的光标运动,所以我不必为眼睛制作单独的div

<g id="eyes">
    <g id="right-eye">
        <circle id="right-pupil" class="st0" cx="135" cy="137.5" r="6"/>
    </g>
    <g id="left-eye">
        <circle id="left-pupil" class="st0" cx="70.4" cy="137.5" r="6"/>
    </g>
</g>

我希望它能像眼睛一样表现得像这笔:http://codepen.io/wojtek1150/pen/jqVbpK

以下是我迄今为止所做的工作:https://jsfiddle.net/kLbmL01q/2/

是否可以在SVG中为眼睛设置动画?

0 个答案:

没有答案