css - 自动滚动 CSS3

Question

我一直在 Internet 上寻找可以让我滚动某个 div 的 css3 功能。

现在为什么我只想使用它，因为我正在创建一个只允许我使用 CSS 的配置文件...

因此，如果有人对此有一些信息，我将不胜感激。

谢谢。

Answer 1

你可以使用 CSS3 和过渡，也许是这样的:

#mydiv {
  position: relative;
  top: 0;
  transition: top 1.0s ease;
}
#mydiv:hover {
  top: -100px;
  transition: top 1.0s ease;
}

这应该使它在悬停时向上滚动。要使其“滚动”，您可以确保它位于带有 overflow: hidden 的容器内。

这是未经测试的，但如果它看起来像您想要的，网上有大量 CSS3 动画资源。