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

8 votes310 views4 answers
CSS Grid Column
CSS
34 votes297 views1 answer
Css middle and center align div
CSS
0 vote288 views1 answer
Bootstrap remove unused css
CSS
3 votes278 views2 answers
Css select all elements except last css
CSS
1 vote296 views4 answers
Screen orientation css
CSS
18 votes282 views6 answers
Css box sizing
CSS
31 votes334 views3 answers
Rgba blue color
CSS
5 votes277 views1 answer
Css negative padding
CSS
0 vote323 views1 answer
Studio 3t restore snapshot
CSS
9 votes278 views3 answers
Bootstrap badge color
CSS