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

2 votes215 views2 answers
Css move inline image up
CSS
-1 vote187 views2 answers
Make all images same size bootstrap
CSS
0 vote189 views1 answer
Cheat codes for hmtl and css
CSS
1 vote191 views2 answers
Css disabled hover none
CSS
0 vote185 views1 answer
Css background templates
CSS
2 votes209 views2 answers
How to center a inline block element
CSS
0 vote187 views1 answer
Style scrollbar table
CSS
1 vote186 views2 answers
How to middle fixed element
CSS
0 vote180 views1 answer
Padding 2 values how would be they applied
CSS
0 vote174 views1 answer
Overwrite theme css in parent css
CSS