Site Overlay

How to slide in div from right using pure css

HTML

<h4>SlideIn From Right</h4>

CSS

<style>
h4{
float:right;

animation-duration: 5s;
animation-name: slidein;

/* Chrome and Safari */
-webkit-animation-duration:5s;
-webkit-animation-name: slidein;

/* Firefox */
-moz-animation-duration: 5s;
-moz-animation-name: slidein;

/* Opera */
-o-animation-duration: 5s;
-o-animation-name: slidein;
}

@keyframes slidein {
from {
	margin-right: -30%;
}
to {
	margin-right: 0%;
}
}
</style>

Slide in slide out responsive menu