.shadow {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.2);
}

.items {
	float: left;
}
.items li {
	background: linear-gradient(to right, #61C0FF 50%, white 50%);
	background-size: 200% 100%;
    background-position:right bottom;
	transition: background-position 400ms ease-in-out;

}

.items li:hover {
	background-position:left bottom;
}

.image {
	float: left;
	
}

.image img {
	position: absolute;
	transition: opacity 1s ease-in-out;
}

.image .top:hover {
	opacity:0;
}