javascript - 带有 css 和 javascript 的 HTML 背景

Question

我对http://startupgiraffe.com/的背景一无所知|

我搜索了很多有关使用形状和 CSS 创建背景但没有用的信息。有人可以指导我创建像 http://startupgiraffe.com/ 这样的背景吗？ .

谢谢

Answer 1

在源代码中可以看到op startupgiraffe；有多个“背景”部分:

<section id="background-wrapper" class="full-wrapper">

  <section id="first-background">
    <div id="scroll-trigger"></div>
  </section>

  <section id="second-background">
  </section>

  <section id="third-background">
  </section>

  ----

</section>

他们使用了大量的 javascript 在背景部分之间动态切换，从而产生了串联的背景。

如果您想复制此行为或了解有关它的更多详细信息，我建议您开始查看 html、css 和 javascript 的源代码。您还可以使用浏览器分析工具(firebug、chrome 的控制台)来了解更多网站的行为。