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

6 votes315 views6 answers
Console.log with color font
CSS
54 votes308 views6 answers
Css ellipsis
CSS
0 vote329 views1 answer
Css make ul on multiple lines
CSS
3 votes291 views2 answers
Remove table border css
CSS
2 votes366 views3 answers
Em
CSS
0 vote324 views1 answer
How to change line colors in css
CSS
0 vote342 views1 answer
Beautiful checkbox css
CSS
53 votes348 views6 answers
Css transform
CSS
0 vote331 views1 answer
How to display a header in the center of the column in css
CSS
2 votes320 views1 answer
Bootstrap 5 auto darkmode 5
CSS