图片投影效果 <br />.box {<br /> position: absolute;<br /> padding: 2px;<br /> background: white;<br /> -webkit-box-shadow: 1px 2px 4px rgba(0,0,0,.5);<br /> -moz-box-shadow: 1px 2px 4px rgba(0,0,0,.5);<br /> box-shadow: 1px 2px 4px rgba(0,0,0,.5);<br />}<br />.box img {<br /> display:block;<br /> width:200px;<br /> height:220px;<br /> border: 1px inset #8a4419;<br /> background:#eee;<br /> }<br /> .box:after {<br /> content: '';<br /> -webkit-box-shadow: 100px 0 10px rgba(0,0,0,.2);<br /> -moz-box-shadow: 100px 0 10px rgba(0,0,0,.2);<br /> box-shadow: 100px 0 10px rgba(0,0,0,.2);<br /> position: absolute;<br /> width: 50%;<br /> height: 80px;<br /> bottom: 0;<br /> right: 65px;<br /> z-index: -1;<br /> -webkit-transform: skew(-40deg);<br /> -moz-transform: skew(-40deg);<br /> -o-transform: skew(-40deg);<br /> transform: skew(-40deg);<br /> }<br /> http://www.999jiujiu.com/
