text sliding css

1.slide-right {
2  width: 100%;
3  overflow: hidden;
4  margin-left: 400px;
5  max-width: 500px
6}
7
8.slide-right h2 {
9  animation: 2s slide-right;
10  animation-delay: 2s;
11}
12
13@keyframes slide-right {
14  from {
15    margin-left: -500px;
16  }
17
18  to {
19    margin-left: 0%;
20  }
21}

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