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 vote283 views1 answer
How to contain an image within a div
CSS
-1 vote332 views1 answer
Html css image slider
CSS
53 votes280 views6 answers
Background color in css
CSS
0 vote278 views1 answer
How to add default font css
CSS
6 votes316 views5 answers
Remove line from a href css
CSS
26 votes340 views4 answers
Input outline focus
CSS
2 votes270 views4 answers
Animation timing function css
CSS
1 vote236 views1 answer
Css min value
CSS
83 votes312 views4 answers
Css placeholder color
CSS
0 vote279 views1 answer
Remove required effect in css
CSS