How to make text slide out starting for the side ?

p{
font-size: 12px;
color: #fff;
background-color: lightblue;
padding: 25px;
border: 25px solid navy;
position: relative;
right:2350px;
text-align: center right;

}
p:hover {
text-align: center right;
position: relative;
-webkit-animation: example 100s;
}
@-webkit-keyframes example {
0% {left:0px; top:0px;}
25% {left:2350px; top:0px;}

}