模拟谷歌今日使用的css动画效果 |
| 2021-01-21 22:05:50 35资源网(www.35d.net) |
| js |
下载本资源原文网址：http://www.daima.org/js/js13487.html 不知道大家有没有注意到谷歌今天官网上的logo，刚开始一看还以为是gif，在仔细一看，发现并非如此，原来是使用CSS Sprite技术，利用一个初始图片和一张画满各个动作的拼接图片，从而实现了动画效果。
本人一时手痒，就想把这个扒下来，但发现谷歌的js写的太牛逼了，无奈，只能自己用自己的思维去模拟一个了。首先，需要两张图，分别是：
顺便把源码也附上吧，没太多技术含量，如果有问题，希望赐教。源码下载
附1：后来我发现google原来是把坐标等信息存在js数组里，然后循环添加div元素的时候，把值一并写进去，相关阅读《喜欢今天的Google LOGO 玛莎·葛兰姆》
附2：补充知识
Google今日涂鸦是为了纪念现代舞先驱玛莎·葛兰姆（Martha Graham，1894年5月11日－1991年4月1日）117周年诞辰，他是美国舞蹈家和编舞家，也是现代舞蹈史的创始人之一。其作品多以美国人文或是希腊古典神话为主题，代表作有《原始的神秘》（Primitive Mysteries，1936年）、《给世界的信》（Letter to the World，1940年）、《阿帕拉契山 之春》 （Appalachian Spring，1944年）、《夜旅》（Night Journey，1947年）。 |
|
|
|
|
|
资源大全_资源下载网站：www.35d.net 本站资源仅限研究学习使用，如需商用请联系版权方， 本站事务联系QQ：939804642
|
|
