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

1 vote341 views2 answers
How to add google fonts to css in react
CSS
0 vote343 views1 answer
How to resize img in css
CSS
1 vote334 views1 answer
How to create a semi circle in css
CSS
1 vote300 views1 answer
Css main container align center
CSS
28 votes369 views3 answers
Display sm none
CSS
2 votes354 views1 answer
Bootstrap 5 auto darkmode 5
CSS
0 vote386 views1 answer
How to truncate a multiline text using css
CSS
29 votes363 views4 answers
How to remove bullet in css
CSS
1 vote350 views1 answer
Setting paragraph margin to 0
CSS
2 votes427 views1 answer
How to override material ui css
CSS