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 vote214 views3 answers
Detect system dark mode
CSS
1 vote213 views1 answer
Slickjs height
CSS
3 votes218 views2 answers
Adminlte.min.css.map error
CSS
40 votes189 views8 answers
Font size css
CSS
0 vote210 views1 answer
Ffmpeg add text with positions relative to video & text dimensions
CSS
21 votes204 views3 answers
How to create a circle with css
CSS
0 vote219 views1 answer
L'entente cordiale streaming
CSS
0 vote213 views1 answer
Asp net css how to change text alignment of gridview column
CSS
0 vote211 views1 answer
Focus in styled component
CSS
0 vote223 views1 answer
Css using the same background-color as the parent background
CSS