/* ===========================================================
 * Filename: animation.css
 * Version: 0.3
 * Author: web360
 * =========================================================== */

.animate-right { float: right; margin-right: -100%;}
.animate-left { float: left; margin-left: -100%;}
.come-in-left {margin-left: -200%; animation: come-in-left 1s ease forwards; -webkit-animation: come-in-left 1s ease forwards; } 
.come-in-right {margin-right: -200%; animation: come-in-right 1s ease forwards; -webkit-animation: come-in-right 1s ease forwards; }
@keyframes come-in-left {to { margin-left: 0; } } 
@-webkit-keyframes come-in-left {to { margin-left: 0;  } } 
@keyframes come-in-right {to { margin-right: 0; } } 
@-webkit-keyframes come-in-right {to { margin-right: 0;  } }