3D立方表白相册HTML及CSS代码.zip_3d表白相册代码资源-CSDN文库

共15个文件

jpg：12个

mp3：1个

html：1个

HTML

需积分: 44 79 浏览量 2021-01-01 01:33:30 上传评论 3 收藏 5.96MB ZIP 举报

资源详情

资源评论

资源推荐

收起资源包目录

3D立方表白相册HTML及CSS代码.zip （15个子文件）

3D立方表白相册HTML及CSS代码

images

4.jpg 369KB

02.jpg 177KB

06.jpg 274KB

04.jpg 182KB

03.jpg 166KB

05.jpg 197KB

3.jpg 164KB

6.jpg 177KB

1.jpg 435KB

01.jpg 252KB

2.jpg 248KB

5.jpg 298KB

css

program.css 4KB

program.html 2KB

video

love.mp3 3.46MB

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=div, initial-scale=1.0"> <title>love</title> <link rel="stylesheet" href="./css/program.css"> </head> <body> <div class="title"> 立方体旋转 </div> <audio controls="controls" autoplay="autoplay"><source src="./video/love.mp3" type="audio/mpeg"/> Your browser does not support the audio element. </audio> <div class="cube">  <div class="outer-cube"> <div class="outer-top"> <img src="images/1.jpg"/> </div> <div class="outer-bottom"> <img src="images/2.jpg"/> </div> <div class="outer-front"> <img src="images/3.jpg"/> </div> <div class="outer-back"> <img src="images/4.jpg"/> </div> <div class="outer-left"> <img src="images/5.jpg"/> </div> <div class="outer-right"> <img src="images/6.jpg"/> </div> </div>  <div class="inner-cube"> <div class="inner-top"> <img src="images/01.jpg"/> </div> <div class="inner-bottom"> <img src="images/02.jpg"/> </div> <div class="inner-front"> <img src="images/03.jpg"/> </div> <div class="inner-back"> <img src="images/04.jpg"/> </div> <div class="inner-left"> <img src="images/05.jpg"/> </div> <div class="inner-right"> <img src="images/06.jpg"/> </div> </div> </div> <div> <div class="message"> <div class="author"> <a href="https://blog.csdn.net/qq_44273429">海拥制作</a> </div> <div class="tip"> 温馨提示：鼠标移入移出立方体，将会显示效果！ </div> </div> </div> </body> </html>