Question

我只是想知道这个晚期的身体背景图像动画/过渡是如何工作的

Fate/Extra没有javascripts。

如果您注意到背景图片延迟滚动，那就是我想要实现的目标

我无法为此提供任何代码，因为这是我第一次询问stackoverflow。

这是一个简单的Html＆amp; CSS例如：

＆＃13;

body {
  height: 700px;
  overflow: auto;
  background-image: url("http://www.webdesign.org/img_articles/17101/step2.gif");
  background-size: 50%;
}

#body_wrapper {
  background: transparent url("http://www.clipartkid.com/images/678/image-page-transparent-background-oasis-skin-1-png-modern-wikia-1MESpa-clipart.png");
  height: 700px;
  width: 200px;
}

＆＃13;

<body>
  <center>
    <div id="body_wrapper">
      <h1>Contents</h1>
      <h1>Contents</h1>
      <h1>Contents</h1>
      <h1>Contents</h1>
      <h1>Contents</h1>
      <h1>Contents</h1>
      <h1>Contents</h1>
      <h1>Contents</h1>
      <h1>Contents</h1>
      <h1>Contents</h1>
      <h1>Contents</h1>
      <h1>Contents</h1>
  </center>
  </div>
</body>

＆＃13;

如何将过渡/动画放到我的身体背景图像中，这样当鼠标点击或鼠标滚轮滚动时，身体背景图像将延迟.7秒或其他。

我对CSS不太了解我刚刚开始学习，请帮我解决这个问题。

滚动CSS时的后期身体背景图像动画/过渡

0 个答案: