coverflow.css.sass

#cover
  	width: 600px
		padding: 40px
		position: absolute
		left: 0
		-webkit-perspective: 920px
		-webkit-perspective-origin: 50% 50%
		.cover-frame
			position: relative
			width: 333px
			height: 600px
			background: url('/assets/vod_detail/cover-720.png') no-repeat
		.img-side
			display: inline-block
			position: absolute
			top: 62px
			left: 20px		
			width: 300px
			height: 440px
			-webkit-transform-origin: 52px 50%
			-webkit-transform: matrix3d(-0.4, -0.06, -0.4, 0, 0, 1, 0, 0, 1, 0, 1, 0, 0, 0, 0, 1)
			-webkit-transform-style: preserve-3d	
		.img-front
			display: inline-block
			position: absolute
			top: 58px
			left: 89px 			
			-webkit-transform-origin: 0 50%
			-webkit-transform: matrix3d(0.68, -0.11, -0.65, 0, 0, 1, 0, 0, 1, 0, 1, 0, 0, 0, 0, 1)
			-webkit-transform-style: preserve-3d
			width: 300px	
			height: 450px	
			
		.img-front:after
			border-radius: 2px
			content: ""
			position: absolute
			top: 0
			left: 0
			right: 0
			bottom: 0
			width: 196px
			background-image: -webkit-linear-gradient(-23deg, rgba(255,255,255,.4), rgba(255,255,255,.2) 50%, rgba(255,255,255,0) 50%)
			pointer-events: none