状病毒确诊人数越来越少，希望马上可以完全结束，在家无聊 今天给女朋友做了一个3D相册，给大家分享一下。废话就不多说了，直接给大家上代码吧，你们也可以给自己的女朋友做一个哦,拷贝代码修改图片地址就可以了。

html：

<div class="show">

<div class="box">

<img src="../photoAlbum/picture/1.jpg" class="img1">

<img src="../photoAlbum/picture/2.jpg" class="img2">

<img src="../photoAlbum/picture/3.jpg" class="img3">

<img src="../photoAlbum/picture/4.jpg" class="img4">

<img src="../photoAlbum/picture/5.jpg" class="img5">

<img src="../photoAlbum/picture/6.jpg" class="img6">

<img src="../photoAlbum/picture/7.jpg" class="img7">

<img src="../photoAlbum/picture/8.jpg" class="img8">

<img src="../photoAlbum/picture/9.jpg" class="img9">

<img src="../photoAlbum/picture/10.jpg" class="img10">

</div>

</div>

css:

body {

background:#FF83FA;

perspective:5000px;

}

.show {

perspective:5000px;

-webkit-transform:rotateX(-45deg);

-moz-transform:rotateX(-45deg);

transform:rotateX(-45deg);

transform-style:preserve-3d;

}

.box {

position:relative;

width:200px;

height:250px;

border:1px solid red;

margin:230px auto;

background:url(../photoAlbum/picture/11.jpg);

transform-style:preserve-3d;

-webkit-animation:rotate1 20s linear infinite;

-moz-animation:rotate1 20s linear infinite;

animation:rotate1 20s linear infinite;

}

.box img {

width:150px;

height:250px;

border:1px solid #ccc;

position:absolute;

left:0;

top:0;

-webkit-box-reflect:below 20px -webkit-linear-gradient(top,rgba(250,250,250,0),rgba(250,250,250,0) 30%,rgba(250,250,250,0.5));

}

.img1 {

-webkit-transform:translateZ(300px);

-moz-transform:translateZ(300px);

transform:translateZ(300px);

}

.img2 {

-webkit-transform:rotateY(36deg) translateZ(300px);

-moz-transform:rotateY(36deg) translateZ(300px);

transform:rotateY(36deg) translateZ(300px);

}

.img3 {

-webkit-transform:rotateY(72deg) translateZ(300px);

-moz-transform:rotateY(72deg)g) translateZ(300px);

transform:rotateY(72deg) (300px);

}

.img4 {

-webkit-transform:rotateY(108deg) translateZ(300px);

-moz-transform:rotateY(108deg) translateZ(300px);

transform:rotateY(108deg) translateZ(300px);

}

.img5 {

-webkit-transform:rotateY(144deg) translateZ(300px);

-moz-transform:rotateY(144deg) translateZ(300px);

transform:rotateY(144deg) translateZ(300px);

}

.img6 {

-webkit-transform:rotateY(180deg) translateZ(300px);

-moz-transform:rotateY(180deg) translateZ(300px);

transform:rotateY(180deg) translateZ(300px);

}

.img7 {

-webkit-transform:rotateY(216deg) translateZ(300px);

-moz-transform:rotateY(216deg) translateZ(300px);

transform:rotateY(216deg) translateZ(300px);

}

.img8 {

-webkit-transform:rotateY(252deg) translateZ(300px);

-moz-transform:rotateY(252deg) translateZ(300px);

transform:rotateY(252deg) translateZ(300px);

}

.img9 {

-webkit-transform:rotateY(288deg) translateZ(300px);

-moz-transform:rotateY(288deg) translateZ(300px);

transform:rotateY(288deg) translateZ(300px);

}

.img10 {

-webkit-transform:rotateY(324deg) translateZ(300px);

-moz-transform:rotateY(324deg) translateZ(300px);

transform:rotateY(324deg) translateZ(300px);

}

@-moz-keyframes rotate1 {

0% {

-webkit-transform:rotateY(0deg);

-moz-transform:rotateY(0deg);

transform:rotateY(0deg);

}

100% {

-webkit-transform:rotateY(360deg);

-moz-transform:rotateY(360deg);

transform:rotateY(360deg);

}

}@-webkit-keyframes rotate1 {

0% {

-webkit-transform:rotateY(0deg);

-moz-transform:rotateY(0deg);

transform:rotateY(0deg);

}

100% {

-webkit-transform:rotateY(360deg);

-moz-transform:rotateY(360deg);

transform:rotateY(360deg);

}

}

效果如下：

最后，我自己是一名从事了多年开发的JAVA老程序员，今年年初我整理了一份最适合初学者学习的java学习干货，可以送给每一位喜欢java的小伙伴，想要获取的可以关注我的头条号并在后台私信我：交流，即可免费获取。

多视频编辑软件不仅仅只针对视频的编辑，还可以编辑图片，照片集。把一堆乱七八糟没有排序的照片制作成为一个照片mv，其实说白了是把照片制作成为视频。把照片制作成为视频的优点有很多的，优点一：便于整理保存，相比之下一个视频保管起来更加的方便，优点二：视频相比单调的图片来说更有感染力。所以这项技能我么还是有必要掌握的。

此教程用到的软件下载：http://www.leawo.cn/ND_upload.php?do=info&id=5582 (5530)

照片集制作视频 效果截图：

先把软件安装后打开，进入软件之前需要设置影片的宽高比。一般来说长宽比, 4:3更接近正方形, 16:9接近长宽比2:1的长方形. 后者用来看1080P的电影比较好。 不同的影片适合的宽高比不一样

接下来我们需要先把照片素材全部添加到软件中来，点击软件左上角的“导入”后再弹出的“打开”的窗口中点击选中所有的图片素材（鼠标圈选或者按住Ctrl+a全选），选全部选中后点击右下角的“打开”就把所有的图片添加到软件中来了。

图片导入到软件中后，我们需要把给视频添加的背景音乐也添加到软件中来，添加的方法与添加视频的方法是一样的。点击软件左上角的“导入”后再弹出的“打开”的窗口中点击选中音乐文件后，点击“打开”文件就添加到软件中来了。

下面我们把所有的图片添加到下面的视频轨中，可以点击选中软件中所有的图片后拉至下面的视频轨（全选方法：鼠标圈选或者同时敲击键盘中的Ctrl+a）如果有排序要求的可能需要一张一张的添加了，图片添加完成后再添加音乐至音乐轨。一切都整理完毕后，点击中间工具栏中的过渡“

”。

大家是知道的，图片与图片之间应该是需要添加一些转场过渡效果，否则视频在播放起来的时候就会显得比较生硬。所以我们把转场效果添加至每两张图片的中间（具体操作如步骤一），如果想调整每一张图片的显示时长的话直接拖拉图片的长度在视频轨即可。一位狸友说：充值的一个十年的会员，让我在狸窝接触到了不少好玩好用的软件，谢谢。

其实每个转场效果的时间是可以设置的，但是数值区间只有0秒~2秒，0秒就代表删除这个转场，并且我们默认状态下转场的时长也是两秒的，所以这一步就简单的提一下大家看一看就好。如果还是想设置的话可以按照下面的步骤进行就可以啦。

接下来我们来编辑视频画面，首先要进入编辑界面，进入方法步骤如下：鼠标右键点击视频轨中你需要修改的图片——编辑，就可以进入视频编辑界面，再或者双击视频轨中的图片同样也可以进入编辑界面，两种方法任选其一。

在此编辑界面中我们尅编辑的参数都展示在下面了，可以旋转视频，调整视频的对比度，饱和度，亮度，色调等等，如果想给视频添加运动效果的话可以点击软件右上角的“

”，裁剪视频画面的话点击下面的“裁剪”进入裁剪界面。

这里就是给图片添加运动效果的素材库啦，我们在需要给那张图片添加运动效果的话只需要鼠标选中视频轨中的图片后，在双击其中一个运动效果就添加成功了。需要给几个图片添加运动效果就需要操作几次，因为没有批量添加的功能。

视频制作完成后我们需要把视频导出到自己的电脑中来，点击软件右侧的“

”。因为图片大小的原因右侧的导出按钮没有截到，不过影响不大。点击导出后，会有一个视频参数选择的步骤，视频的参数建议大家就默认状态吧视频导出就可以啦，还是了解一下参数意思的可以阅读下一段。

最后高级设置中的参数也就下面四个比较难理解，视频编码器：是通过特定的压缩视频的技术,将某个视频格式的文件转换成另一种视频格式文件的方式，分辨率：视频的尺寸宽高比；帧速：决定视频的流畅度，帧速越大视频就越流畅；位元速率也叫做视频的比特率，视频的比特率会影响视频的画质。

∏卐感谢大家支持 奉上笑话一则：

哥哥出差昨天回来了，刚进门就紧紧地抱住嫂子，嫂子推开哥哥:“没看见我给孩子喂奶呢，急啥，回来就想着那点逼事，”我好奇问嫂子:“什么事？”嫂子:“你聋呀，刚才不是说了，”

『如果下面笑话段子逗乐你了 记得赞赏哦』

男友是一个比较保守的人，我们谈了一年了，昨晚才第一次睡到一块，正当他从枕头底下拿出套套时，我好奇的问了一句：“为什么你们男人都喜欢把套套放在枕头底？”男友看了看我，咬了咬牙，穿上裤子走了。。。你说这人是不是有毛病？简直是莫名其妙！

用800*800的图片做视频不能有黑边出现 淘宝视频制作(正方形图片制作视频):
http://www.leawo.cn/space-3896190-do-thread-id-73926.html

精美的电子相册制作方法 如何快速制作好看的音乐电子相册:
http://www.leawo.cn/space-5015878-do-thread-id-77285.html

着社会的发展，人们生活水平的 提高，网络科技和云端技术的完善，越来越多的人喜欢通过拍照的方式把生活中美好的事物以及一瞬间记录下来，但是随着照片越来越多，传统的相册已经不能满足我们的基本需求，不方便携带，也不方便与他人分享。这个时候，网络个人相册就能解决这些问题，不光能保存大量的照片，而且可以与他人分享，而且可以与他人互动，增添乐趣，还可以设置照片的权限，可以选择哪些照片大家可以看，哪些照片仅自己可看，以便于保护自己的隐私。还可以给自己的相册进行分类，根据不同类型，选择不同的名称，并且可以给相册添加一些文字描述。现在流行的QQ空间相册、博客个人相册等都使用了这个功能，通过上传工具把我们的照片就可以上传到个人博客和空间，便可以与他人分享。相册以静态照片为素材，配合特性化的背景制作和一些个性文字的介绍，可以形成有自己特色的个人相册。制作好的个人相册会在网络上永久保存，不用担心数据年久丢失，各种有浏览器的网络终端都可以浏览查看。这些都是个人相册管理技术发展到今天的一个新的突破，既不再像传统的相册那样，只能在相册薄上翻阅浏览或者只能储存在电脑等硬件里面观看了。通过个人相册管理系统，我们保存的照片可以轻松实现与家人,朋友，客户一同分享的目的，这样做既安全可靠又快速便捷。

个人相册管理系统主要的目的是为了解决因为图片过多导致存储空间不足的问题，通过个人相册管理系统可以把自己的拍摄的照片保存到个人相册系统里面，减少存储空间，同时可以将照片分享到平台里面，方便其他的人进行下载和浏览，也有些私密的照片，仅供自己查看，而且还可以对照片进行评论和交流，增强了交流，个人相册管理系统对于照片的持久性和稳定，对于保存自己或者喜欢的照片，留下青春美好的情景有着非常重要的意义。

三、阅读的主要参考文献

[1]郭东强.现代管理信息系统.北京：清华大学出版社，2006.212-30

[2]张军，张庆来.管理信息系统[M].兰州：兰州大学出版社，2005：30.

[3]葛志春，刘志成，聂艳明，冯向科.Java面向对象编程.北京：机械工业出版社.2007.8404-421

[4]王国辉,王毅,王殊宇编著.Java Web开发典型模块大全[M].人民邮电出版社,2009

[5]王俊杰编著. 精通JavaScript动态网页编程 [M].人民邮电出版社

[6]石锋.基于MVC模式的Java Web开发与应用[J].电子技术2021,50(05):16-17

[7]MySQL的官方手册.

[8]基于MySQL的数据库查询性能优化[J].宋永鹏.电子设计工程. 2021(12)

[9]杨树林，胡洁萍.Java语言最新实用案例教程（第2版）.北京：清华大学出版社.2010.6141-232

[10]杨世文,侯超钧. 基于SSM框架的学术论坛管理系统设计与实现[J]. 计算机时代,2021,(02):25-28+33.

[11]豆利.基于MySQL的查询优化技术[J].电脑知识与技术2021，17(15):35-36.DOI:10.14004/j.cnki.ckt.2021.1442.

四、国内外现状和发展趋势

在飞速发展21世纪，我们的生活已经和互联网信息技术形成了密不可分的关系，它以一种令人应接不暇的速度快速确立了自己现代化科技领域的领军地位。与此同时，互联网络也凭借着它与生俱来的优势，诸如信息来源广、信息存储容量大、信息传播速度快等，彻底使现代人类的生活产生了翻天覆地的变化。

个人相册相对传统的相册就“年轻”很多，它结合了时下的流行元素，迎合了大众的普遍需要，也给我们带来了很大的方便。电子相册不仅仅给我们提供了一个存储相片的空间，更是给了我们一个能够相互交流和分享经验的平台。

目前，电子相册发展十分迅速，从最初的幻灯片形式观看的简单的电子相册到现在以flash为主的动画型电子相册。在观赏度方面不单单是简单的照片之间的切换，更融入了强大的交互功能。相对于国外相册发展状况而言，中国的电子相册市场份额比例目前处于高度集中状态，大部分的电子相册仍是处于落后的Web方式管理。毫不夸张的说，在中国，电子相册设计理论的研究还处于刚刚萌芽的阶段，还有很多问题需要我们去研究和探索。据2010年艾瑞的相关数据显示，在网络环境下，QQ相册、雅虎相册和网易相册占据了中国电子相册市场86.2%的份额，QQ、雅虎、网易相册都有相对较丰富的Web端来管理相册，而MYPOCO相册，它作为一款与客户端无缝结合的相册，是目前在国内最大的以原创作品为主的分享社区，它的优势相对明显。

数码相机及其相关的数码用品取代有百年余历史的胶卷，而现在，由于市场的需求，就有了电子个人相册，通过个人相册管理系统可以把自己的拍摄的照片保存到个人相册系统里面，减少存储空间，同时可以将照片分享到平台里面，方便其他的人进行下载和浏览，也有些私密的照片，仅供自己查看，而且还可以对照片进行评论和交流，增强了交流。

五、主要研究（设计）内容、关键问题及解决思路

5.1 主要研究内容

个人相册管理系统的主要任务是实现管理员(后台)和用户的一些功能。

本系统主要研究内容包括：

一、用户：注册、登录、下载相片、消息管理、评论相片、个人信息、朋友管理、我的相册、我的评论等功能。

二、管理员：登录、用户管理、相片类别管理、相册管理、标签管理、相片管理、消息管理、 评论管理、个人信息管理等功能。

本系统总体的功能是实现用户与管理员各自的一些功能同时，以上有些模块还需实现添加记录，修改记录，删除记录以及查询显示记录功能。

5.2 关键问题

数据库的设计在本系统中具有相当重要的地位，数据库设计的不合理将会增加开发的难度和复杂度，所以，如何设计出合理的数据库，是研究本系统的关键。

在数据库设计之前，就需要了解各个功能模块之间的关系，通过各个模块之间的关系来设计合理的数据库。