body {
overflow:hidden;
}
.left,
.right{
position:absolute;
top:0;
left:50%;
width:2%;
height:100%;
background:#f33;
transition:all ease-out 0.8s;
}
.right {
left:auto;
right:50%;
background:#333;
}
.wrapper {
transition:all ease-out 0.8s;
}
.wrapper:hover .left,
.wrapper:hover .right {
width:50%;
transition:all ease-out 0.8s;
transform-origin:50% 50%;
transform:rotateZ(180deg);
}
