疫情期間在家無聊給女朋友做了個3D相冊

狀病毒確診人數越來越少，希望馬上可以完全結束，在家無聊今天給女朋友做了一個3D相冊，給大家分享一下。廢話就不多說了，直接給大家上代碼吧，你們也可以給自己的女朋友做一個哦,拷貝代碼修改圖片地址就可以了。

html：

</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 關鍵問題

數據庫的設計在本系統中具有相當重要的地位，數據庫設計的不合理將會增加開發的難度和復雜度，所以，如何設計出合理的數據庫，是研究本系統的關鍵。

在數據庫設計之前，就需要了解各個功能模塊之間的關系，通過各個模塊之間的關系來設計合理的數據庫。

在線咨詢

上一篇：免費的、響應式電子郵件模板這8款不妨一試
下一篇：沙雕動畫的制作軟件，Animation adobe 簡介

您的項目需求

*請認真填寫需求信息，我們會在24小時內與您取得聯系。

整合營銷服務商

疫情期間 在家無聊給女朋友做了個3D相冊

您的項目需求

疫情期間在家無聊給女朋友做了個3D相冊