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 vote292 views1 answer
Test typescript
CSS
0 vote312 views1 answer
How create checkbox ui like disabled checkbox using css
CSS
0 vote318 views1 answer
Focus in styled component
CSS
0 vote294 views1 answer
How to make all buttons same size css
CSS
0 vote311 views1 answer
Mettre un element en avant css
CSS
8 votes323 views4 answers
Text-align attribute in css
CSS
44 votes315 views6 answers
Remove underline from hyperlink
CSS
0 vote312 views1 answer
For loop for increment id of div in jquery
CSS
1 vote296 views1 answer
Css div fill whole page
CSS
0 vote308 views1 answer
Align divs vertically start new column after every row
CSS