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 vote241 views1 answer
Bootstrap accessibility
CSS Bootstrap
39 votes226 views5 answers
Add drop shadow css
CSS
0 vote213 views1 answer
Hex color code for tan
CSS
7 votes236 views3 answers
Remove hover effect css
CSS
1 vote215 views1 answer
Perfect circle css
CSS
0 vote228 views1 answer
How to increase height of input box in css
CSS
28 votes246 views3 answers
Box shadow to make border bottom
CSS
0 vote248 views1 answer
Css background for text
CSS
5 votes256 views1 answer
Make div the size of the text inside
CSS
34 votes225 views6 answers
Css visibility
CSS