1

当它悬停时，我正在使用 Velocity 为 svg 中元素的不透明度设置动画。我已经把文本放在了一个外来对象中。当您将鼠标悬停并且文本出现并移动时，在过渡期间总会有一个时刻在其右端剪辑文本。有没有人能帮我把它改成更流畅的动画？

这是我设置异物的方法。

    <foreignObject class="diam-foreign" x="60" y="60" width="300" height="297">
      <p class="folio-item-foreign">Make Ready<br />A new project from the Alpine Review and friends</p>
    </foreignObject>
  </svg>

这是动画它的代码......</p> 

$(this).find(".diam-foreign").velocity({ opacity: "1.0", y: "60"}, { delay: 0 });

这里的例子……</p>

http://jsfiddle.net/Rssll/bggLhvyk/2/

谢谢你。

4

0 回答 0