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

1 vote398 views1 answer
Text-shadow
CSS
0 vote386 views1 answer
Display inline not alligned
CSS
0 vote364 views1 answer
Ubuntu toggle always on top
CSS
7 votes365 views4 answers
List elements vertically in html
CSS
2 votes385 views1 answer
Warning: LF will be replaced by CRLF in Design/css/bootstrap.min.css.
CSS
3 votes371 views2 answers
How to change only bullet color in css
CSS
16 votes390 views2 answers
Not last child css
CSS
0 vote360 views1 answer
Css select without class
CSS
1 vote344 views1 answer
Vue import css scoped
CSS
0 vote414 views1 answer
Set number word to new line html
CSS