Text sliding 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

Sliding text css

<div class="slide-">
  <h2>Text that will slide in from the left</h2>
</div>

-2

Source: stackoverflow.com

Similar codes

0 vote163 views1 answer
Aplicar padding a sombra
CSS
-1 vote142 views1 answer
How to centralize cards in css
CSS
0 vote133 views1 answer
Elementor sticky keep within column
CSS
8 votes127 views1 answer
Align in the middle of page html
CSS
0 vote171 views1 answer
Width clamp css
CSS
0 vote149 views2 answers
Open sublime text 3 from terminal mac
CSS
3 votes136 views1 answer
Css animation keep final state
CSS
9 votes133 views2 answers
Css percent scale checkbox
CSS
5 votes127 views2 answers
How to rotate image 360 degrees in css
CSS
0 vote138 views1 answer
Align items in span to center
CSS