.view-window{-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative}.mc{width:200%;position:absolute;left:0;height:100%}#m{background:#ccc}#d,#m{width:50%;-webkit-box-flex:1;-ms-flex:1;flex:1;height:100%;display:inline-block}#d{background:#123}.slide-left{-webkit-animation:slide-left .5s forwards;animation:slide-left .5s forwards}.slide-right{-webkit-animation:slide-right .5s forwards;animation:slide-right .5s forwards}@-webkit-keyframes slide-left{0%{left:0}to{left:-100%}}@keyframes slide-left{0%{left:0}to{left:-100%}}@-webkit-keyframes slide-right{0%{left:-100%}to{left:0}}@keyframes slide-right{0%{left:-100%}to{left:0}}