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

0 vote274 views1 answer
Flex box divs squeeze together
CSS
0 vote167 views1 answer
Make clicks pass through element css html
CSS
0 vote211 views1 answer
How to add font otf format in html
CSS
7 votes281 views2 answers
Max z-index value css
CSS
0 vote335 views1 answer
This message is shown once a day. To disable it please create
CSS
0 vote189 views1 answer
Css break after 2 words
CSS
6 votes204 views2 answers
How to make all the columns equal size with flexbox
CSS
1 vote258 views1 answer
Sass compressed style
CSS
7 votes210 views1 answer
Show hand icon on hover javascript
CSS
17 votes213 views1 answer
Calc sass variables
CSS