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 vote106 views1 answer
Jquery change css variiable value
CSS
1 vote137 views1 answer
Css flex divide evenly
CSS
35 votes121 views4 answers
Css nth element
CSS
0 vote105 views1 answer
Reindent sublime
CSS
1 vote102 views1 answer
Svg tailwind
CSS
1 vote115 views2 answers
How to add google fonts to css in react
CSS
6 votes112 views3 answers
Equivalent zoom css
CSS
1 vote97 views1 answer
How to make my page fixed
CSS
0 vote106 views3 answers
Style highlight css
CSS
0 vote110 views1 answer
Darken scss
CSS