css动画+页面滚动到哪

CSS动画在网页设计中非常重要，可以使页面更生动，给用户更好的用户体验。而页面滚动到哪一部分也是非常关键的，因为这不仅可以使用户更好地浏览网页，还可以给用户不同的视觉体验。

  #animation {
    width: 100px;
    height: 100px;
    background-color: red;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    margin-left: -50px;
    animation: rotate 2s ease-in-out infinite;
  }
  
  @keyframes rotate {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }

上面的代码展示了一个CSS动画，一个红色正方形会无限旋转。这个动画可以让页面更加有趣。

如果我们想在页面滚动到某一部分时，触发这个动画，我们可以使用JavaScript来实现。下面是一个实现的例子：

  
    function isElementInViewport(el) {
      var rect = el.getBoundingClientRect();
      return (
        rect.top >= 0 &&
        rect.left >= 0 &&
        rect.bottom 

上面的代码检测元素是否在视野内，并在滚动到相应位置时，添加一个旋转类名，触发CSS动画。

综上所述，CSS动画和页面滚动是网页设计中非常重要的两个方面，它们可以给用户带来更好的用户体验。