Slide up and down animation css

.my-div{
  background-color: #f00;
  animation: animationname 2s linear infinite;
  /*animation: animation-name animation-duration animation-direction animation-iteration-count */  
  transition: .5s ease-in-out;
}
@keyframes animationname{
  0%{
    transform: translateX(10px);
  }
  100%{
    transform: translateX(-10px);
  }

Similar codes

8 votes151 views4 answers
Css fill div with background image
CSS
0 vote148 views5 answers
Rosa
CSS
0 vote122 views3 answers
Css how to make 2d animations at once
CSS
0 vote165 views1 answer
Bootstrap accordion some change
CSS
0 vote151 views1 answer
How to make tet itali in css
CSS
0 vote159 views1 answer
Gmail auto rewize dont
CSS
50 votes155 views6 answers
Css align center
CSS
20 votes164 views3 answers
Align items center in grid
CSS
0 vote185 views1 answer
Label for centered image
CSS
1 vote145 views1 answer
Add black above image css
CSS