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

1 vote328 views1 answer
How to delete css property using css
CSS
0 vote325 views1 answer
Horizontal scroll menu fade edges
CSS
-1 vote426 views2 answers
How to set background automatically with my screen height
CSS
4 votes356 views1 answer
Orientation css max and min width media query
CSS
0 vote334 views1 answer
How to resize img in css
CSS
1 vote341 views1 answer
Remove line accordion material ui
CSS
-1 vote357 views2 answers
How to style a particular image in css
CSS
126 votes507 views5 answers
React Bootstrap css import
CSS Bootstrap
0 vote346 views1 answer
Css locks
CSS
1 vote333 views1 answer
Pseudo class css nth child
CSS