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

2 votes149 views2 answers
Html font white text with black border
CSS
1 vote130 views1 answer
Ionic input line color
CSS
2 votes138 views1 answer
Css image transform flip mirror
CSS
0 vote142 views1 answer
Decrease space between paragraphs html
CSS
0 vote125 views1 answer
Find element that is causing overflow css
CSS
1 vote145 views1 answer
Hide number trigger in html page
CSS
6 votes107 views2 answers
Difference between justify content and justify in grid
CSS
0 vote155 views1 answer
Prevent enter key submitting a form jquery
CSS
37 votes134 views3 answers
Inline svg css
CSS
0 vote181 views1 answer
Enable xdebug ddev
CSS