javascript - 导航栏中的动画标题

Question

我正在尝试为导航栏中的标题添加动画效果。就像这个网站中的那个:

http://www.danielspatzek.com/Home

我尝试的是为 hole word 设置动画，但这不是我要找的:

<a>Contact</a>
a {
 letter-spacing: 1px;
  transition: all .1s ease-in;
} 
a:hover {
 letter-spacing: 0.2em;  
}

我知道我应该一个字母一个字母地应用动画，但我怎样才能让它们散开呢？

谢谢

Answer 1

give example中的动画已由知名动画库实现 Greensock 。

如果你真的想制作这类动画，请用它来弄脏你的手 Timelinelite和 Tweenmax类。