这是令人印象深刻。 我们都见过纯CSS3动画,但这个例子是最雄心勃勃迄今为止之一。 它复制了经典的1967年蜘蛛侠卡通电影片头 (打开一个WebKit浏览器,如Chrome或Safari浏览器的链接)。

啊,美好的回忆! 该序列由安东尼Calzadilla构建Optimum7 ,总部设在美国的网站开发机构。 他创作的动画星球大战AT-AT步行者安德鲁Tetlaw二月分析

谁需要闪光灯? CSS3动画蜘蛛侠卡通

蜘蛛侠序列主要使用HTML5和CSS3与-webkit-动画声明。 一个小的jQuery驱动的JavaScript用于场景之间切换,但所有的动画效果是由CSS处理。 最后,HTML5 audio用于主题曲的标签。

安东尼指出,他最大的问题是时间的动画和场景,但他认为这将有可能处理场景切换与CSS3,而不是JavaScript。

很明显了很多努力已投入示范和安东尼提供了一些详细的技术说明 这表明什么是可能的,但我不相信不少开发商将不得不手工代码这个时间或耐心。 不过,我不会感到惊讶,如果公司如Adobe认为其应用程序中提供的动画CSS3出口设施(特别是由于闪光被某些平台禁止 )。

你有没有发现任何伟大的CSS3动画的例子吗?

From: https://www.sitepoint.com//spider-man-css3-animation/

相关文章: