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 vote295 views2 answers
Html5 vs css3
CSS
2 votes284 views1 answer
Nunito font family
CSS
0 vote280 views1 answer
Build a responsive real world website from scratch html css
CSS
40 votes353 views4 answers
Center on page css
CSS
15 votes322 views5 answers
Remove horizontal scrollbar css
CSS
0 vote309 views2 answers
Webkit-line-clamp: 2;
CSS
8 votes307 views2 answers
Reset submit input style
CSS
0 vote316 views2 answers
How to remove white space in the right side of web page
CSS
0 vote302 views1 answer
Overlay color on image css
CSS
1 vote301 views1 answer
Css fade in and stay
CSS