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 vote335 views1 answer
Duplicate box-shadow on element inner and outer
CSS
9 votes320 views4 answers
Change button size css
CSS
0 vote318 views1 answer
Scss how to use a variable in entire angular project
CSS
39 votes326 views4 answers
Css z-index
CSS
3 votes336 views1 answer
Top left right bottom css shorthand
CSS
0 vote376 views1 answer
Angular set encapsulated body to full height
CSS
1 vote354 views2 answers
How to center topnav bar in html
CSS
0 vote300 views1 answer
Css change class name start with
CSS
3 votes309 views1 answer
Mettre une image au milieu css
CSS
22 votes318 views5 answers
Circle css
CSS