Text slide animation css

.slide-right {
  width: 100%;
  overflow: hidden;
  margin-left: 400px;
  max-width: 500px
}

.slide-right h2 {
  animation: 2s slide-right;
  animation-delay: 2s;
}

@keyframes slide-right {
  from {
    margin-left: -500px;
  }

  to {
    margin-left: 0%;
  }
}

Source: stackoverflow.com

Similar codes

36 votes177 views4 answers
Adding gradient to text color
CSS
4 votes197 views1 answer
Orientation css max and min width media query
CSS
4 votes164 views2 answers
Silver hex code
CSS
14 votes195 views2 answers
Media query in scss
CSS
4 votes181 views2 answers
Gradient over image css
CSS
28 votes184 views6 answers
Linear gradient css background image
CSS
1 vote178 views3 answers
Tailwind npm
CSS
17 votes174 views1 answer
Css opacity example
CSS
2 votes182 views3 answers
Css remove
CSS
0 vote132 views1 answer
How to make header on top
CSS