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 vote324 views2 answers
Media Query Smartphone Portrait
CSS
5 votes336 views2 answers
Style disabled button
CSS
3 votes349 views3 answers
Change br height
CSS
9 votes337 views5 answers
How to make a triangle in css
CSS
0 vote339 views1 answer
Div set text colo0r
CSS
3 votes333 views4 answers
Remove outline on button click
CSS
0 vote362 views1 answer
Box shadow to table cell css
CSS
1 vote369 views1 answer
Html video css
CSS
6 votes337 views3 answers
How to round input border
CSS
20 votes354 views4 answers
Css list no bullets
CSS