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

21 votes153 views5 answers
Border css
CSS
1 vote144 views1 answer
How to space out buttons css
CSS
71 votes148 views6 answers
How to center items in css
CSS
0 vote137 views1 answer
Restore mySQL database from .bz2
CSS
4 votes131 views1 answer
Linear gradient instagram
CSS
-2 votes150 views1 answer
How to add a button in html and css
CSS
0 vote148 views1 answer
Pill shape css
CSS
1 vote148 views1 answer
Bootstrap word-wrap: break-word;
CSS
0 vote133 views1 answer
Send element to center of div
CSS
4 votes144 views2 answers
Cursive css
CSS