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

120 votes220 views3 answers
React import bootstrap css file
CSS Bootstrap
116 votes106 views6 answers
How to hide the scrollbar in css
CSS
12 votes105 views2 answers
Css not first child
CSS
0 vote94 views1 answer
Regex remove css comment
CSS
31 votes106 views6 answers
Linear gradient
CSS
64 votes113 views4 answers
Bootstrap buttons
CSS
0 vote112 views1 answer
Two background images css
CSS
0 vote130 views1 answer
Css change all text
CSS
2 votes92 views5 answers
Figma
CSS
0 vote95 views2 answers
Chmod: changing permissions of '/opt/lampp': Operation not permitted
CSS