CSS / HTML5形状补间/变形?

时间:2012-09-12 00:33:38

标签: html5 animation css3

我发现了使用动画转换css形状的方法,例如此处演示的动画:http://matthewlein.com/ceaser/

有没有人知道是否可以通过CSS或其他非Flash代码获得更高级的功能,以创建更复杂的动画 - 甚至可以在最小化或最大化Mac OS工具栏上的窗口时看到效果?

使用css是可能还是超出可能性范围?

谢谢,

1 个答案:

答案 0 :(得分:1)

这应该足以让你入门: http://jsfiddle.net/9BTPy/

请注意,为简单起见,我只为Firefox制作了一个示例。否则代码会变得太大。这也不是你问题的结果,但你应该明白这一点。

另请参阅以下链接以获取文档和其他示例:

附加说明:

如果你真的必须这样做,那么使用jQuery-Animations你会更好。对不同浏览器的支持更好,实现您描述的效果可能更简单。它的维护方式也更好。 :)