<!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/abab.jpg"/>
</div>
<div class="outer-bottom">
<img src="images/abab.jpg"/>
</div>
<div class="outer-front">
<img src="images/abab.jpg"/>
</div>
<div class="outer-back">
<img src="images/abab.jpg"/>
</div>
<div class="outer-left">
<img src="images/abab.jpg"/>
</div>
<div class="outer-right">
<img src="images/abab.jpg"/>
</div>
</div>
<!-- 内层立方体 -->
<div class="inner-cube">
<div class="inner-top">
<img src="images/abab.jpg"/>
</div>
<div class="inner-bottom">
<img src="images/abab.jpg"/>
</div>
<div class="inner-front">
<img src="images/abab.jpg"/>
</div>
<div class="inner-back">
<img src="images/abab.jpg"/>
</div>
<div class="inner-left">
<img src="images/abab.jpg"/>
</div>
<div class="inner-right">
<img src="images/abab.jpg"/>
</div>
</div>
</div>
<div>
<div class="message">
<div class="author">
<a href="https://blog.csdn.net/ppaqtt0314?type=blog">平平科技工作室</a>
</div>
<div class="tip">
温馨提示:鼠标移入移出立方体,将会显示效果!温馨提示:图片自行更换
</div>
</div>
</body>
</html>
平平科技工作室-小游戏-HTML-3D立方表白相册
需积分: 5 13 浏览量
2024-02-21
09:55:21
上传
评论
收藏 3.34MB ZIP 举报
平平科技工作室
- 粉丝: 237
- 资源: 16
最新资源
- 王佳伟毕设相关文件.zip
- 40道Linux日志高频题整理(附答案背诵版).md
- 黑苹果-锐捷-OC-EFI0.99-RG-CT5700-G3-10700
- HTML5小游戏【3d反恐英雄-3dfkyx优秀H5小游戏合集】游戏源码分享下载 - 3dfkyx.zip
- GAT1399协议分析(四)-注销
- Go 实现的命令行程序,可以通过参数来控制和消耗 CPU 占比 通常用于测试系统负载和性能
- ADSP-BF533的例程源码39:Mirror图像处理算法源码
- Linux命令行与shell脚本编程 - mysql数据库操作案例
- 新数通HCIE-Datacom备考流程仅供参考
- molecules-26-01022.pdf
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈