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

0 vote251 views1 answer
Css webkit propert dissapears on build sass
CSS
30 votes246 views4 answers
Opacity color
CSS
20 votes268 views2 answers
Stop selection css
CSS
0 vote263 views1 answer
Media screen tablet
CSS
9 votes259 views3 answers
Css bottom
CSS
0 vote249 views1 answer
Align links to right css
CSS
0 vote279 views1 answer
Css custom cursor form image
CSS
4 votes232 views2 answers
CSS shrink image
CSS
41 votes243 views3 answers
Centre align in position absolute
CSS
19 votes234 views3 answers
Css round element
CSS