java3d翻转纪念相册_3D旋转相册的实现

回忆无痕

}body{background-color:#000;overflow:hidden;

}#show{perspective:1000px;/*景深*/

}#warp{position:relative;width:230px;height:330px;margin:250px auto;transform-style:preserve-3d;/*3d效果*/transform:rotateX(-15deg);/*按照X轴旋转*/

}#warp img{position:absolute;top:0px;-webkit-box-reflect:below 5px -webkit-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.8) 100%);

}audio{display:none;

}