同时顺利重新排序,并在悬停

时间:2016-08-14 15:25:06

标签: jquery html css css3

我想把一个标题放在页面上(假设)说:DUKE YAHA
在悬停时,我希望文本平滑过渡(实际上使用CSS3过渡,而不仅仅是立即更改)到:ARCH DUKE MAN AY HA TON

因此,在DUKE之前和之后增加的是ARCH和MAN;在YAHA中,Y和A开关放置,之后添加TON。所以有两件事:

  1. 添加了字词;
  2. 字母切换
  3. 我想要实现的是DUKE向左移动,为ARCH和MAN腾出空间;并且你看到YAHA中的字母Y和A实际上是切换位置。

    我并不是要求有人为我写出来,因为这是很多工作,但如果有人能指出我正确的方向,那将是惊人的!

    例如,要实现这一点,我应该看看jQuery而不是CSS3(我一直在尝试但没有运气)?我应该使用除CSS3过渡之外的CSS3动画来实现这一目标吗?

0 个答案:

没有答案