body {
	overflow:hidden
}
.box1 img {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	transition:all linear 0.5s;
}
.box1 {
	width:338px;
	height:600px;
	background:rgba(0,0,0,.1);
	position:relative;
	margin:0 auto;
	transform:rotate(-30deg) skew(25deg);
}
.box1:hover img:nth-child(4) {
	transform:translate(160px,-160px);
	opacity:1;
}
.box1:hover img:nth-child(3) {
	transform:translate(120px,-120px);
	opacity:.6;
}
.box1:hover img:nth-child(2) {
	transform:translate(80px,-80px);
	opacity:.4;
}
.box1:hover img:nth-child(1) {
	transform:translate(40px,-40px);
	opacity:.2;
}