3D相册加背景图和背景音乐

学习代码好榜样

于 2021-09-23 23:14:43 发布

阅读量443

点赞数 3

分类专栏：笔记文章标签： css html html5

本文链接：https://blog.csdn.net/m0_58651545/article/details/120445225

版权

这个博客介绍了如何使用HTML和CSS创建一个3D相册，其中包括了背景图片和背景音乐的设置。相册由一系列小图片组成，当鼠标悬停在相册上时，会展示放大效果。同时，页面背景采用了全屏覆盖，并设置了自动播放的背景音乐。通过调整CSS样式，实现了3D旋转和过渡效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

html代码

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>3D相册</title>
<link rel="stylesheet" type="text/css" href="3d相册.css">
</head>
<div class="box">
<embed src="音乐地址" hidden="true" autostart="true" loop="true" hidden="true ">
<ul class="minbox">
<li><img src="图片地址01.jpg" width="100" height="100"></li>
<li><img src="图片地址02.jpg" width="100" height="100"></li>
<li><img src="图片/03.jpg" width="100" height="100"></li>
<li><img src="图片地址04.jpg" width="100" height="100"></li>
<li><img src="图片地址05.jpg" width="100" height="100"></li>
<li><img src="图片地址06.jpg" width="100" height="100"></li>
</ul>
<ol class="maxbox">
<li><img src="图片地址/1.jpg" width="400" height="400"></li>
<li><img src="图片地址/2.jpg" width="400" height="400"></li>
<li><img src="图片地址3.jpg" width="400" height="400"></li>
<

最低0.47元/天解锁文章