gpt4 book ai didi

javascript - Google 的 buckyball doodle 是如何实现的?

转载 作者:可可西里 更新时间:2023-11-01 02:31:39 24 4
gpt4 key购买 nike

我看过它创建的标记,即一堆 atom原子图像,以及 big background image ,它被用来创建债券很奇怪。

有些事情我无法解决:

  1. javascript 在哪里
  2. 是什么让后面的键变窄了
  3. 为什么原子也应用了键背景

对于那些感兴趣的人来说,这是谷歌涂鸦的样子:

doodle

最佳答案

如果您看一下标记,它只是一堆图像和带有位置属性的 div,将它们组成一种网格。此文件:http://www.google.com/logos/2010/buckyball10-hp-bond.png是一个 Sprite ,包含每个方向上的每个键。此图像是原子:http://www.google.com/logos/2010/buckyball10-hp-atom.png .他们使用的 JavaScript 通过改变元素的位置来激活这些元素。

JavaScript 位于 Script 元素中,紧跟在 Google Logo 和涂鸦标记之后。后面的键看起来更窄,因为它们的不透明度被更改为略微透明。最后,看起来原子没有键背景。他们有自己的 Sprite (上面引用。)

关于javascript - Google 的 buckyball doodle 是如何实现的?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3642139/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com