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 vote154 views1 answer
Css border image property
CSS
17 votes155 views1 answer
Css opacity example
CSS
0 vote174 views2 answers
How to change jumbotron size
CSS
0 vote152 views1 answer
Css video poster object-fit
CSS
0 vote147 views1 answer
Css add mp4 video
CSS
2 votes160 views1 answer
Remove accordion space materuail ui css
CSS
0 vote167 views2 answers
Animate.css not working
CSS
0 vote159 views1 answer
Css center modal vertically
CSS
17 votes185 views3 answers
Rotate image in css
CSS
0 vote168 views2 answers
Icon rounded corners css
CSS