* {
	margin:0;
	padding:0;
	list-style:none;
}
body {
	background:#000;height:500px
}
#box {
	width:133px;
	height:200px;
	background:#ccc;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-75px;
	margin-top:-200px;
	transform:perspective(800px) rotateX(-10deg);
	transform-style:preserve-3d;
}
#box div {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:url(img2/1.jpg) no-repeat;
	transition:1s all ease;
	border-radius:5px;
	box-shadow:0 0 10px #fff;
}
#box div span {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:url(img2/1.jpg) no-repeat;
	transform-origin:center bottom;
	transform:translateY(10px) scale(1,-1);
	-webkit-mask:-webkit-linear-gradient(rgba(0,0,0,0) 40%,rgba(0,0,0,0.5));
	opacity:0.5;
}