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 vote274 views1 answer
Github lottie
CSS
0 vote269 views1 answer
Learn golang in a day
CSS
8 votes293 views4 answers
Css padding 4 values
CSS
0 vote264 views1 answer
Chrome close tab after print
CSS
0 vote302 views1 answer
New statamic project
CSS
0 vote278 views4 answers
Background image stretch to fill
CSS
0 vote276 views1 answer
Table essentaial styles css
CSS
3 votes306 views2 answers
What is vh in css
CSS
0 vote281 views1 answer
Media queries import file
CSS
1 vote277 views1 answer
Ion-content --offset-bottom
CSS