狀病毒確診人數(shù)越來越少，希望馬上可以完全結(jié)束，在家無聊 今天給女朋友做了一個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);

}

}

效果如下：

最后，我自己是一名從事了多年開發(fā)的JAVA老程序員，今年年初我整理了一份最適合初學(xué)者學(xué)習(xí)的java學(xué)習(xí)干貨，可以送給每一位喜歡java的小伙伴，想要獲取的可以關(guān)注我的頭條號并在后臺私信我：交流，即可免費獲取。

多視頻編輯軟件不僅僅只針對視頻的編輯，還可以編輯圖片，照片集。把一堆亂七八糟沒有排序的照片制作成為一個照片mv，其實說白了是把照片制作成為視頻。把照片制作成為視頻的優(yōu)點有很多的，優(yōu)點一：便于整理保存，相比之下一個視頻保管起來更加的方便，優(yōu)點二：視頻相比單調(diào)的圖片來說更有感染力。所以這項技能我么還是有必要掌握的。

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

照片集制作視頻 效果截圖：

先把軟件安裝后打開，進(jìn)入軟件之前需要設(shè)置影片的寬高比。一般來說長寬比, 4:3更接近正方形, 16:9接近長寬比2:1的長方形. 后者用來看1080P的電影比較好。 不同的影片適合的寬高比不一樣

接下來我們需要先把照片素材全部添加到軟件中來，點擊軟件左上角的“導(dǎo)入”后再彈出的“打開”的窗口中點擊選中所有的圖片素材（鼠標(biāo)圈選或者按住Ctrl+a全選），選全部選中后點擊右下角的“打開”就把所有的圖片添加到軟件中來了。

圖片導(dǎo)入到軟件中后，我們需要把給視頻添加的背景音樂也添加到軟件中來，添加的方法與添加視頻的方法是一樣的。點擊軟件左上角的“導(dǎo)入”后再彈出的“打開”的窗口中點擊選中音樂文件后，點擊“打開”文件就添加到軟件中來了。

下面我們把所有的圖片添加到下面的視頻軌中，可以點擊選中軟件中所有的圖片后拉至下面的視頻軌（全選方法：鼠標(biāo)圈選或者同時敲擊鍵盤中的Ctrl+a）如果有排序要求的可能需要一張一張的添加了，圖片添加完成后再添加音樂至音樂軌。一切都整理完畢后，點擊中間工具欄中的過渡“

”。

大家是知道的，圖片與圖片之間應(yīng)該是需要添加一些轉(zhuǎn)場過渡效果，否則視頻在播放起來的時候就會顯得比較生硬。所以我們把轉(zhuǎn)場效果添加至每兩張圖片的中間（具體操作如步驟一），如果想調(diào)整每一張圖片的顯示時長的話直接拖拉圖片的長度在視頻軌即可。一位貍友說：充值的一個十年的會員，讓我在貍窩接觸到了不少好玩好用的軟件，謝謝。

其實每個轉(zhuǎn)場效果的時間是可以設(shè)置的，但是數(shù)值區(qū)間只有0秒~2秒，0秒就代表刪除這個轉(zhuǎn)場，并且我們默認(rèn)狀態(tài)下轉(zhuǎn)場的時長也是兩秒的，所以這一步就簡單的提一下大家看一看就好。如果還是想設(shè)置的話可以按照下面的步驟進(jìn)行就可以啦。

接下來我們來編輯視頻畫面，首先要進(jìn)入編輯界面，進(jìn)入方法步驟如下：鼠標(biāo)右鍵點擊視頻軌中你需要修改的圖片——編輯，就可以進(jìn)入視頻編輯界面，再或者雙擊視頻軌中的圖片同樣也可以進(jìn)入編輯界面，兩種方法任選其一。

在此編輯界面中我們尅編輯的參數(shù)都展示在下面了，可以旋轉(zhuǎn)視頻，調(diào)整視頻的對比度，飽和度，亮度，色調(diào)等等，如果想給視頻添加運動效果的話可以點擊軟件右上角的“

”，裁剪視頻畫面的話點擊下面的“裁剪”進(jìn)入裁剪界面。

這里就是給圖片添加運動效果的素材庫啦，我們在需要給那張圖片添加運動效果的話只需要鼠標(biāo)選中視頻軌中的圖片后，在雙擊其中一個運動效果就添加成功了。需要給幾個圖片添加運動效果就需要操作幾次，因為沒有批量添加的功能。

視頻制作完成后我們需要把視頻導(dǎo)出到自己的電腦中來，點擊軟件右側(cè)的“

”。因為圖片大小的原因右側(cè)的導(dǎo)出按鈕沒有截到，不過影響不大。點擊導(dǎo)出后，會有一個視頻參數(shù)選擇的步驟，視頻的參數(shù)建議大家就默認(rèn)狀態(tài)吧視頻導(dǎo)出就可以啦，還是了解一下參數(shù)意思的可以閱讀下一段。

最后高級設(shè)置中的參數(shù)也就下面四個比較難理解，視頻編碼器：是通過特定的壓縮視頻的技術(shù),將某個視頻格式的文件轉(zhuǎn)換成另一種視頻格式文件的方式，分辨率：視頻的尺寸寬高比；幀速：決定視頻的流暢度，幀速越大視頻就越流暢；位元速率也叫做視頻的比特率，視頻的比特率會影響視頻的畫質(zhì)。

∏卐感謝大家支持 奉上笑話一則：

哥哥出差昨天回來了，剛進(jìn)門就緊緊地抱住嫂子，嫂子推開哥哥:“沒看見我給孩子喂奶呢，急啥，回來就想著那點逼事，”我好奇問嫂子:“什么事？”嫂子:“你聾呀，剛才不是說了，”

『如果下面笑話段子逗樂你了 記得贊賞哦』

男友是一個比較保守的人，我們談了一年了，昨晚才第一次睡到一塊，正當(dāng)他從枕頭底下拿出套套時，我好奇的問了一句：“為什么你們男人都喜歡把套套放在枕頭底？”男友看了看我，咬了咬牙，穿上褲子走了。。。你說這人是不是有毛病？簡直是莫名其妙！

用800*800的圖片做視頻不能有黑邊出現(xiàn) 淘寶視頻制作(正方形圖片制作視頻):
http://www.leawo.cn/space-3896190-do-thread-id-73926.html

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

著社會的發(fā)展，人們生活水平的 提高，網(wǎng)絡(luò)科技和云端技術(shù)的完善，越來越多的人喜歡通過拍照的方式把生活中美好的事物以及一瞬間記錄下來，但是隨著照片越來越多，傳統(tǒng)的相冊已經(jīng)不能滿足我們的基本需求，不方便攜帶，也不方便與他人分享。這個時候，網(wǎng)絡(luò)個人相冊就能解決這些問題，不光能保存大量的照片，而且可以與他人分享，而且可以與他人互動，增添樂趣，還可以設(shè)置照片的權(quán)限，可以選擇哪些照片大家可以看，哪些照片僅自己可看，以便于保護(hù)自己的隱私。還可以給自己的相冊進(jìn)行分類，根據(jù)不同類型，選擇不同的名稱，并且可以給相冊添加一些文字描述?，F(xiàn)在流行的QQ空間相冊、博客個人相冊等都使用了這個功能，通過上傳工具把我們的照片就可以上傳到個人博客和空間，便可以與他人分享。相冊以靜態(tài)照片為素材，配合特性化的背景制作和一些個性文字的介紹，可以形成有自己特色的個人相冊。制作好的個人相冊會在網(wǎng)絡(luò)上永久保存，不用擔(dān)心數(shù)據(jù)年久丟失，各種有瀏覽器的網(wǎng)絡(luò)終端都可以瀏覽查看。這些都是個人相冊管理技術(shù)發(fā)展到今天的一個新的突破，既不再像傳統(tǒng)的相冊那樣，只能在相冊薄上翻閱瀏覽或者只能儲存在電腦等硬件里面觀看了。通過個人相冊管理系統(tǒng)，我們保存的照片可以輕松實現(xiàn)與家人,朋友，客戶一同分享的目的，這樣做既安全可靠又快速便捷。

個人相冊管理系統(tǒng)主要的目的是為了解決因為圖片過多導(dǎo)致存儲空間不足的問題，通過個人相冊管理系統(tǒng)可以把自己的拍攝的照片保存到個人相冊系統(tǒng)里面，減少存儲空間，同時可以將照片分享到平臺里面，方便其他的人進(jìn)行下載和瀏覽，也有些私密的照片，僅供自己查看，而且還可以對照片進(jìn)行評論和交流，增強(qiáng)了交流，個人相冊管理系統(tǒng)對于照片的持久性和穩(wěn)定，對于保存自己或者喜歡的照片，留下青春美好的情景有著非常重要的意義。

三、閱讀的主要參考文獻(xiàn)

[1]郭東強(qiáng).現(xiàn)代管理信息系統(tǒng).北京：清華大學(xué)出版社，2006.212-30

[2]張軍，張慶來.管理信息系統(tǒng)[M].蘭州：蘭州大學(xué)出版社，2005：30.

[3]葛志春，劉志成，聶艷明，馮向科.Java面向?qū)ο缶幊?北京：機(jī)械工業(yè)出版社.2007.8404-421

[4]王國輝,王毅,王殊宇編著.Java Web開發(fā)典型模塊大全[M].人民郵電出版社,2009

[5]王俊杰編著. 精通JavaScript動態(tài)網(wǎng)頁編程 [M].人民郵電出版社

[6]石鋒.基于MVC模式的Java Web開發(fā)與應(yīng)用[J].電子技術(shù)2021,50(05):16-17

[7]MySQL的官方手冊.

[8]基于MySQL的數(shù)據(jù)庫查詢性能優(yōu)化[J].宋永鵬.電子設(shè)計工程. 2021(12)

[9]楊樹林，胡潔萍.Java語言最新實用案例教程（第2版）.北京：清華大學(xué)出版社.2010.6141-232

[10]楊世文,侯超鈞. 基于SSM框架的學(xué)術(shù)論壇管理系統(tǒng)設(shè)計與實現(xiàn)[J]. 計算機(jī)時代,2021,(02):25-28+33.

[11]豆利.基于MySQL的查詢優(yōu)化技術(shù)[J].電腦知識與技術(shù)2021，17(15):35-36.DOI:10.14004/j.cnki.ckt.2021.1442.

四、國內(nèi)外現(xiàn)狀和發(fā)展趨勢

在飛速發(fā)展21世紀(jì)，我們的生活已經(jīng)和互聯(lián)網(wǎng)信息技術(shù)形成了密不可分的關(guān)系，它以一種令人應(yīng)接不暇的速度快速確立了自己現(xiàn)代化科技領(lǐng)域的領(lǐng)軍地位。與此同時，互聯(lián)網(wǎng)絡(luò)也憑借著它與生俱來的優(yōu)勢，諸如信息來源廣、信息存儲容量大、信息傳播速度快等，徹底使現(xiàn)代人類的生活產(chǎn)生了翻天覆地的變化。

個人相冊相對傳統(tǒng)的相冊就“年輕”很多，它結(jié)合了時下的流行元素，迎合了大眾的普遍需要，也給我們帶來了很大的方便。電子相冊不僅僅給我們提供了一個存儲相片的空間，更是給了我們一個能夠相互交流和分享經(jīng)驗的平臺。

目前，電子相冊發(fā)展十分迅速，從最初的幻燈片形式觀看的簡單的電子相冊到現(xiàn)在以flash為主的動畫型電子相冊。在觀賞度方面不單單是簡單的照片之間的切換，更融入了強(qiáng)大的交互功能。相對于國外相冊發(fā)展?fàn)顩r而言，中國的電子相冊市場份額比例目前處于高度集中狀態(tài)，大部分的電子相冊仍是處于落后的Web方式管理。毫不夸張的說，在中國，電子相冊設(shè)計理論的研究還處于剛剛萌芽的階段，還有很多問題需要我們?nèi)パ芯亢吞剿?。?jù)2010年艾瑞的相關(guān)數(shù)據(jù)顯示，在網(wǎng)絡(luò)環(huán)境下，QQ相冊、雅虎相冊和網(wǎng)易相冊占據(jù)了中國電子相冊市場86.2%的份額，QQ、雅虎、網(wǎng)易相冊都有相對較豐富的Web端來管理相冊，而MYPOCO相冊，它作為一款與客戶端無縫結(jié)合的相冊，是目前在國內(nèi)最大的以原創(chuàng)作品為主的分享社區(qū)，它的優(yōu)勢相對明顯。

數(shù)碼相機(jī)及其相關(guān)的數(shù)碼用品取代有百年余歷史的膠卷，而現(xiàn)在，由于市場的需求，就有了電子個人相冊，通過個人相冊管理系統(tǒng)可以把自己的拍攝的照片保存到個人相冊系統(tǒng)里面，減少存儲空間，同時可以將照片分享到平臺里面，方便其他的人進(jìn)行下載和瀏覽，也有些私密的照片，僅供自己查看，而且還可以對照片進(jìn)行評論和交流，增強(qiáng)了交流。

五、主要研究（設(shè)計）內(nèi)容、關(guān)鍵問題及解決思路

5.1 主要研究內(nèi)容

個人相冊管理系統(tǒng)的主要任務(wù)是實現(xiàn)管理員(后臺)和用戶的一些功能。

本系統(tǒng)主要研究內(nèi)容包括：

一、用戶：注冊、登錄、下載相片、消息管理、評論相片、個人信息、朋友管理、我的相冊、我的評論等功能。

二、管理員：登錄、用戶管理、相片類別管理、相冊管理、標(biāo)簽管理、相片管理、消息管理、 評論管理、個人信息管理等功能。

本系統(tǒng)總體的功能是實現(xiàn)用戶與管理員各自的一些功能同時，以上有些模塊還需實現(xiàn)添加記錄，修改記錄，刪除記錄以及查詢顯示記錄功能。

5.2 關(guān)鍵問題

數(shù)據(jù)庫的設(shè)計在本系統(tǒng)中具有相當(dāng)重要的地位，數(shù)據(jù)庫設(shè)計的不合理將會增加開發(fā)的難度和復(fù)雜度，所以，如何設(shè)計出合理的數(shù)據(jù)庫，是研究本系統(tǒng)的關(guān)鍵。

在數(shù)據(jù)庫設(shè)計之前，就需要了解各個功能模塊之間的關(guān)系，通過各個模塊之間的關(guān)系來設(shè)計合理的數(shù)據(jù)庫。