抖音上很火的3D立体动态相册代码制作教程

唱首小情歌

于 2020-06-14 15:51:17 发布

阅读量1.2w

点赞数 18

文章标签： html css

本文链接：https://blog.csdn.net/m0_46913003/article/details/106746336

版权

本文是一篇关于如何制作抖音上流行的3D立体动态相册的教程。通过创建HTML文件和CSS文件，详细介绍了如何组织图片和设置样式。文章强调了图片的尺寸要求，并提供了文件结构和像素编辑的方法。

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

直接来正文

直接来干货
先创建一个html文件

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>汉哥的3D相册</title>
<link type="text/css" href="css/style.css" rel="stylesheet" />
</head>
<body bgcolor="black">
<div class="box">
	<ul class="minbox">
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
	</ul>
	<ol class="maxbox">
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
	</ol>
</div>
</body>
</html>

然后创建一个CSS文件，源码如下

@charset "utf-8";
*{
	margin:0;
	padding:0;
}
body{
	max-width: 100%;
	min-width:

最低0.47元/天解锁文章