<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>相簿</title> <style type="text/css"> img{width:420px;height:580px;} div{ width:420px; height:580px; position:absolute; left:0;top:0;right:0;bottom:0; margin:auto; transform-style: preserve-3d; transition: all 12s; background:url(../img/img2.jpg); background-size: 100% 100%; } div img{ position: absolute; } div img:nth-child(1){transform: translateZ(500px);} div img:nth-child(2){transform: rotateY(60deg) translateZ(500px) ;} div img:nth-child(3){transform: rotateY(120deg) translateZ(500px) ;} div img:nth-child(4){transform: rotateY(180deg) translateZ(500px) ;} div img:nth-child(5){transform: rotateY(240deg) translateZ(500px) ;} div img:nth-child(6){transform: rotateY(300deg) translateZ(500px) ;} div:hover{ transform: rotateY(720deg) rotateX(45deg); } </style> </head> <body bgcolor="#808080"> <div> <img src="../img/img1.jpg" alt="" /> <img src="../img/xiaohai.jpg" alt="" /> <img src="../img/img3.jpg" alt="" /> <img src="../img/img4.jpg" alt="" /> <img src="../img/img5.jpg" alt="" /> <img src="../img/img6.jpg" alt="" /> </div> <audio src="../img/gaobaiqiqiu.mp3" autoplay="autoplay" loop="loop"></audio> </body></html>
把自己的英文相簿照片 和 背景音樂加在相應位置就行了，注意音樂不能以中文開頭，最好是英文Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
