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

17 votes115 views1 answer
Sass calc with variable
CSS
0 vote105 views1 answer
How to make all buttons same size css
CSS
48 votes135 views6 answers
Media query min and max
CSS
2 votes116 views1 answer
Flex align top css
CSS
6 votes121 views4 answers
Backdrop filter css
CSS
5 votes115 views3 answers
How to trim leading spaces in html using css
CSS
1 vote115 views1 answer
Ionchips scroll x
CSS
7 votes130 views2 answers
Stick footer to bottom
CSS
0 vote112 views1 answer
Center elemnts css
CSS
0 vote116 views1 answer
Css 2 images side by side to stack
CSS