七夕表白程序：3D 立体表白相册（素材+源码），用它的都成功了！

最新推荐文章于 2023-12-22 16:15:16 发布

一起学编程

最新推荐文章于 2023-12-22 16:15:16 发布

阅读量2.7k

点赞数 1

分类专栏：经验分享文章标签：表白相册 3D相册程序员表白程序表白代码

本文链接：https://blog.csdn.net/qq_42366672/article/details/119647854

版权

马上就要七夕了，学编程的你没有什么拿得出手的礼物吗？不如用我们所学知识来做个简单的 3D 立体表白相册吧！（特效绝对杠杠的）

希望大家（以及大家的那一位）喜欢!

效果截图如下：（笔者不像在座的各位，老婆还是很多的，所以......）

代码如下：

index.html文件代码

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>3D立体动态相册</title>

<style>

*{

margin:0;

padding:0;

}

body{

max-width: 100%;

min-width: 100%;

height: 100%;

background-size: cover;

background-repeat: no-repeat;

background-attachment: fixed;

background-size:100% 100%;

position: absolute;

margin-left: auto;

margin-right: auto;

}

li{

list-style: none;

}

.box{

width:200px;

height:200px;

background-size: cover;

background-repeat: no-repe

最低0.47元/天解锁文章

一起学编程

关注

1
点赞
踩
16

收藏

觉得还不错? 一键收藏
2
评论
七夕表白程序：3D 立体表白相册（素材+源码），用它的都成功了！

马上就要七夕了，学编程的你没有什么拿得出手的礼物吗？不如用我们所学知识来做个简单的 3D 立体表白相册吧！（特效绝对杠杠的）希望大家（以及大家的那一位）喜欢!效果截图如下：（笔者不像在座的各位，老婆还是很多的，所以......）代码如下：index.html文件代码<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>3D立体动态
复制链接

扫一扫

专栏目录