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

44 votes183 views6 answers
Remove underline from hyperlink
CSS
0 vote172 views1 answer
Placer balise p a la suite
CSS
1 vote180 views1 answer
Css stylistic alternates
CSS
1 vote177 views1 answer
Align centre
CSS
1 vote173 views2 answers
How to center a position fixed element horizontally
CSS
0 vote180 views1 answer
How to add css to alt attribute text
CSS
1 vote181 views1 answer
Difference between html and css
CSS
0 vote167 views1 answer
Como botar um separador display flex quebra de linha
CSS
0 vote174 views1 answer
Css convert td to tr
CSS
0 vote217 views2 answers
Not clickable css
CSS