分别用css,js,jquery实现一个持续动画效果

1.使用css实现一个持续的动画效果

div{
    width: 200px;
    height: 200px;
    /* 动画的元素一定要是定位的 */
    position: absolute;
    background-color: green;
    /* 使用一个动画 */
    animation: dong 1s infinite linear;
  }
  /* 声明一个动画 */
  @keyframes dong{
    from {top: 0px;}
    to{top:800px;}
  }

  2.使用js实现一个持续的动画效果
 

  
0%

  
  

3.使用jQuery实现一个持续的动画效果

  
  
  
  
  


  开始