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

9 votes198 views3 answers
Resize checkbox
CSS
6 votes177 views3 answers
Print media css
CSS
1 vote175 views2 answers
Png image background transparent css
CSS
0 vote167 views1 answer
What is difference between padding and margin?
CSS
3 votes185 views4 answers
Transparent button css
CSS
-1 vote273 views1 answer
Bootstrap scrollable modal
CSS Bootstrap
1 vote166 views2 answers
Image to fill container size
CSS
1 vote181 views1 answer
No li style
CSS
3 votes176 views2 answers
How to split a background into two color in css
CSS
4 votes170 views2 answers
Alternate table row color css
CSS