Javascript、Jquery或css3振荡字母动画
我是javascript新手,尤其是在动画方面。我面临的挑战是使一个字母从侧面前后摆动最大30度。我上传的图片是动画的一个例子,字母会从右上角或pin移动,但我认为这更难。 我需要一些关于这方面的指导,如果有人能帮忙,请回复。 提前谢谢Javascript、Jquery或css3振荡字母动画,javascript,jquery,animation,Javascript,Jquery,Animation,我是javascript新手,尤其是在动画方面。我面临的挑战是使一个字母从侧面前后摆动最大30度。我上传的图片是动画的一个例子,字母会从右上角或pin移动,但我认为这更难。 我需要一些关于这方面的指导,如果有人能帮忙,请回复。 提前谢谢 因为我是新来的,所以我不能发布图片,所以这里有一个链接:好吧,这花费的时间比我愿意承认的要长得多,而且只在Ubuntu 11.04上的Chromium 12+和Firefox 5+上可靠(根据我自己有限的测试)(它在Opera 11中不起作用)。在这种情况下,我
因为我是新来的,所以我不能发布图片,所以这里有一个链接:好吧,这花费的时间比我愿意承认的要长得多,而且只在Ubuntu 11.04上的Chromium 12+和Firefox 5+上可靠(根据我自己有限的测试)(它在Opera 11中不起作用)。在这种情况下,我将只展示Firefox和Chromium的摘录,尽管链接的JS Fiddle有厂商前缀,至少可以尝试Opera(即使失败)。使用以下标记:
<img src="http://i.stack.imgur.com/byzUC.png" id="envelope" />
但是,考虑到这种方法的惊人失败率(它在Opera 11中肯定不起作用,我只能想象它在IE中一无所获……),我强烈建议使用动画gif,以实现纯粹的简单性和跨浏览器遵从性。嗯,这比我愿意承认的时间要长得多,而且只在(来自我自己有限的测试)Ubuntu 11.04上的Chromium 12+和Firefox 5+(它在Opera 11中不起作用)。在这种情况下,我将只显示有关Firefox和Chromium的摘录,尽管链接的JS Fiddle有供应商前缀,至少可以尝试Opera(即使失败)。使用以下标记:
<img src="http://i.stack.imgur.com/byzUC.png" id="envelope" />
但是,考虑到这种方法的惊人失败率(它在Opera 11中肯定不起作用,我只能想象它在IE中一无所获……),我强烈建议使用动画gif,因为它非常简单,而且跨浏览器兼容。制作或下载动画gif可能更容易。或者你可以使用谷歌“CSS3动画教程”,里面有一百万个。制作或下载一个动画.gif可能会更容易,或者你可以在谷歌上搜索“CSS3动画教程”"这是一个很好的css3图片代码,你是对的跨浏览器的失败很糟糕。我想到了一个动画gif或flash。再次感谢你的css3代码。谢谢你,伙计,这是一个很好的css3图片代码,你是对的跨浏览器的失败很糟糕。我想到了动画gif或flash。谢谢您再次需要css3代码。