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 votes252 views2 answers
Css heading background line
CSS
4 votes238 views1 answer
Striped tables css
CSS
0 vote239 views1 answer
Prevent bounce scroll css
CSS
0 vote250 views2 answers
Remove unused css styles
CSS
0 vote255 views1 answer
How to truncate a multiline text using css
CSS
4 votes249 views2 answers
Transform scale
CSS
1 vote228 views1 answer
How to create a semi circle in css
CSS
0 vote271 views1 answer
New statamic project
CSS
83 votes250 views6 answers
Css center text
CSS
3 votes254 views3 answers
Responsive text css
CSS