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 vote174 views1 answer
Css grow animation
CSS
0 vote209 views6 answers
Css change svg color
CSS
0 vote151 views1 answer
Responsive image slider html css
CSS
1 vote110 views1 answer
Outside padding css
CSS
0 vote164 views1 answer
The Sass .sass file is visually different from .scss file, e.g. Example.sass - sass is the older syntax
CSS
2 votes148 views1 answer
How to apply css to firefox only
CSS
0 vote172 views1 answer
Choose grid position html
CSS
0 vote159 views1 answer
Position images in center of container
CSS
0 vote177 views1 answer
Cl image tag width
CSS
-1 vote148 views1 answer
Css disable scroll mobile
CSS