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 votes360 views3 answers
Css cursor delete
CSS
0 vote398 views1 answer
How to set the scroll in bootstrap4 table body
CSS
1 vote415 views1 answer
Hide cursor css
CSS
0 vote328 views1 answer
Laravel asset css not found
CSS
0 vote357 views1 answer
Center child container
CSS
0 vote371 views1 answer
Javavscript use .filter to return odd numbers in an array
CSS
1 vote351 views1 answer
How to hide the bullet list css
CSS
0 vote356 views1 answer
Roam research
CSS
0 vote369 views1 answer
Style input type range shaded part only
CSS
2 votes423 views8 answers
Bootstrap 5
CSS Bootstrap