Animations

.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 vote117 views1 answer
100vh doesn't fill the page
CSS
0 vote153 views1 answer
Set border only left and right css
CSS
6 votes113 views3 answers
Linear-gradient(top to bottom)
CSS
3 votes65 views2 answers
Div rounded corners
CSS
34 votes110 views4 answers
Hide element using css
CSS
0 vote104 views1 answer
Is there a min-left css attribute
CSS
2 votes120 views2 answers
Css attr(data-hover)
CSS
4 votes118 views1 answer
Make something unclickable css
CSS
0 vote118 views1 answer
Efectos imagenes css
CSS
0 vote101 views1 answer
Understanding 'space' in css selector
CSS