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 vote304 views1 answer
Select html stop blue border
CSS
3 votes264 views1 answer
Hcss change highlight color
CSS
24 votes274 views1 answer
Css gradient animations
CSS
0 vote222 views2 answers
Transparent circle in css
CSS
0 vote263 views1 answer
How to change logo size in wordpress
CSS
0 vote318 views1 answer
How to authenticate with atlassian's Personal data reporting API
CSS
0 vote275 views2 answers
Blockquote quotation marks css
CSS
28 votes277 views3 answers
Google font roboto
CSS
0 vote238 views3 answers
Css how to make 2d animations at once
CSS
145 votes348 views6 answers
Add bootstrap to react
CSS