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

7 votes267 views3 answers
Css animation infinite
CSS
0 vote290 views1 answer
CodeIgniter + WordPress integration
CSS
16 votes280 views3 answers
CSS Head Link
CSS
-2 votes298 views2 answers
Tailwind border bottom
CSS
22 votes288 views5 answers
Css center grid
CSS
0 vote278 views1 answer
Faire des colonnesdef etexte css
CSS
11 votes285 views1 answer
Wrap none css
CSS
5 votes269 views1 answer
How to hange the color of your cursor in css
CSS
3 votes302 views1 answer
Inline block align center
CSS
2 votes306 views1 answer
Css div overlay div
CSS