HTML如下:
1 2 3 4 5 6 7 8 | < div class = "poster" > < div class = "shine" ></ div > < div class = "layer-1" ></ div > < div class = "layer-2" ></ div > < div class = "layer-3" ></ div > < div class = "layer-4" ></ div > < div class = "layer-5" ></ div > </ div > |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | body { background : linear-gradient(to bottom , #f6f7fc 0% , #d5e1e8 40% ); transform-style: preserve -3 d; transform: perspective( 800px ); } .poster { width : 320px ; height : 500px ; position : absolute ; top : 50% ; left : 50% ; margin : -250px 0 0 -160px ; border-radius: 5px ; box-shadow: 0 45px 100px rgba( 0 , 0 , 0 , 0.4 ); overflow : hidden ; } |
特别申明:
本站所有资源都是由网友投稿发布,或转载各大下载站,请自行检测软件的完整性!
本站所有资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!
如有侵权请联系我们删除下架,联系方式:lei1294551502@163.com