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 vote191 views1 answer
Override vuetify container width
CSS
1 vote204 views1 answer
Layer on top in javascript
CSS
76 votes246 views6 answers
Display flex css
CSS
0 vote222 views1 answer
Can we block onclick of button using css
CSS
1 vote189 views2 answers
Align div to right side of parent
CSS
33 votes188 views5 answers
Css strikethrough html text
CSS
0 vote314 views1 answer
How to override bootstrap css in wordpress
CSS Bootstrap
2 votes188 views1 answer
Css tricks transition
CSS
2 votes260 views2 answers
Bootstrap icons in angular
CSS Bootstrap
0 vote210 views1 answer
Lando expose database port
CSS