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

4 votes202 views2 answers
Gradient over image css
CSS
0 vote239 views2 answers
Blockquote quotation marks css
CSS
22 votes473 views2 answers
React bootstrap carousal not working
CSS Bootstrap
6 votes223 views5 answers
Font-style css
CSS
6 votes246 views2 answers
CSS set input text to word wrap
CSS
17 votes209 views2 answers
Solved - gulp : File C:\Users\Tech\AppData\Roaming\npm\gulp.ps1 cannot be loaded because running scripts is disabled on this system.
CSS
1 vote185 views1 answer
Li only showing first bullet
CSS
0 vote187 views1 answer
How to resize after image in css
CSS
0 vote255 views1 answer
How do I make secret keys available in gatsby-config from Netlify
CSS
0 vote282 views1 answer
.txt:hover { text-decoration: underline; }
CSS