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 vote139 views1 answer
CSS logo left and navigation right
CSS
2 votes130 views2 answers
Bootstrap icons in angular
CSS
3 votes151 views1 answer
Css visibility transition
CSS
1 vote155 views1 answer
Border style shorthand
CSS
18 votes99 views2 answers
Hover transition css
CSS
-2 votes140 views1 answer
Media queries iphone 11
CSS
15 votes131 views2 answers
Background-image: url opacity
CSS
0 vote91 views1 answer
Flex-decoration column
CSS
-1 vote133 views3 answers
Css counter
CSS
2 votes145 views1 answer
Large input box bootstrap 4
CSS