Animate CSS/HTML [Text @Keyframe]

index.html

style <style type="text/css">
  
  #acess {

  color: white;

}

#acess {
	width:100%; 
	overflow:hidden;
}

#acess p {
	animation: slide-left 7s;
}

@keyframes slide-left {
	from {
		margin-left: 100%;
		width: 300%;
	}

	to {
		margin-left: 0%;
		width: 100%;
	}
}

#acess:hover {
	cursor: pointer;
}
  
  
</style>

<div id="acess">
<p>Text.</p>
</div>