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 vote248 views1 answer
How to combine two screen sizes in media queries css
CSS
12 votes285 views2 answers
How to center element in bulma
CSS Bulma
0 vote248 views1 answer
Add expanding underline on page load css
CSS
0 vote276 views1 answer
CSS class inheritance
CSS
3 votes251 views3 answers
How to change text on hover css
CSS
1 vote259 views1 answer
Html minimum width
CSS
3 votes240 views1 answer
Background image css django
CSS
0 vote274 views1 answer
Css column gap flex
CSS
0 vote250 views1 answer
Center absolute suedo element
CSS
1 vote265 views2 answers
Css n number of lines only
CSS