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

0 vote277 views1 answer
Css os dependent font family
CSS
70 votes278 views6 answers
Center in css
CSS
0 vote260 views1 answer
How to remove table border in css for last child if rowspan
CSS
2 votes266 views1 answer
Vertically center an svg
CSS
145 votes339 views6 answers
Import bootstrap in react
CSS
0 vote261 views1 answer
How can i make a menu bar appear by clicking an icon? in css?
CSS
0 vote277 views1 answer
Line cap css
CSS
8 votes264 views4 answers
Css fill div with background image
CSS
0 vote277 views3 answers
Css keep focus color on div after click
CSS
0 vote267 views1 answer
How to make png smaller css
CSS