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 vote348 views1 answer
Ion-tab-bar transparent
CSS
0 vote352 views1 answer
How to some of the list and show some in css
CSS
1 vote391 views1 answer
Outline bottom css
CSS
1 vote361 views1 answer
Cursor: not-allowed is not working with pointe events none in css
CSS
0 vote339 views1 answer
Css design guideline
CSS
0 vote398 views1 answer
Ion-img border radius
CSS
0 vote379 views1 answer
CSS class inheritance
CSS
0 vote344 views1 answer
Css orientations
CSS
4 votes347 views4 answers
Change placeholder color
CSS
0 vote419 views1 answer
Css letter spacing tight
CSS