Home>
code
<body>
     
      
</body>
css}
@keyframes line {
  0% {
    width: 1px;
    height: 0px;
    background: 000;
    position: relative;
    top: 0
  }
  50% {
    width: 1px;
    height: 50px;
    position: relative;
    top: 0
  }
  75% {
    width: 1px;
    height: 0px;
    position: relative;
    top: 50px
  }
  100% {
    width: 1px;
    height: 0px;
    position: relative;
    top: 50px
  }
}

html

Up to the next element (img element) will move up and down with the animation.
Why does the img tag move without animation?

css