create a animation name in css

1p /*this is the css name of the element you will apply the animation to*/ {
2  animation-duration: 3s;
3  animation-name: slidein; /*animation name ofcourse*/
4}
5
6@keyframes slidein /*the animation name goes here*/ {
7  from {
8    margin-left: 100%;
9    width: 300%;
10  }
11
12  to {
13    margin-left: 0%;
14    width: 100%;
15  }
16}