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 vote131 views1 answer
Css two classes in one element
CSS
0 vote126 views1 answer
How to make fixed position responsive
CSS
0 vote142 views1 answer
Style image so it crops
CSS
0 vote144 views2 answers
How to bring a text in middle center of a tile css in anchor tag inline elements
CSS
1 vote206 views1 answer
Overflow scrollbar with variable height
CSS
1 vote124 views1 answer
Css sticky navigatiojn
CSS
13 votes144 views4 answers
Reduce image size css
CSS
0 vote128 views1 answer
Responsive typography
CSS
4 votes129 views3 answers
Webkit
CSS
1 vote122 views1 answer
Edge media query
CSS