現(xiàn)在很常看到網(wǎng)站把視頻做成首頁背景，不用按下播放按鈕，就有動態(tài)顯示效果，跟以往靜態(tài)圖片相較下更動態(tài)、更有活力，不過要尋找合適的免費影片就不是那么容易，若沒有預(yù)算自己拍攝，可以到本文介紹的 Coverr 來找找網(wǎng)站提供的免費首頁背景影片素材，這里的素材皆能在線預(yù)覽、免費下載，而且使用上沒有任何限制。

Coverr 收錄許多適合放在網(wǎng)站首頁做為背景的影片，這些影片采用 CC0 授權(quán)，也表示可以自由、免費下載并用于任何地方，無須標(biāo)示出處或原作者。Coverr 會在每周一更新七個全新影片，目前在這里也可以找到超過 20 個以上短片。

Coverr 收錄的影片涵蓋各種類型，包括食物、情緒、自然、科技、朦朧、人物、城市以及動物，不僅可以在線預(yù)覽，無須注冊就能夠直接下載，透過網(wǎng)站提供的程序代碼將影片嵌入網(wǎng)站，非常方便。

若你正在尋找將動態(tài)影片運用于網(wǎng)站首頁背景的方法，Coverr 是個不錯的免費資源。

Coverr

STEP 1

開啟 Coverr 網(wǎng)站后，將窗口往下拖曳，可以找到網(wǎng)站收錄的所有影片素材。跟一般影片不一樣的是這些影片長度普遍都不會太長（為了要節(jié)省加載時所耗費的時間），而且多半能夠重復(fù)播放，效果不錯。

STEP 2

在點選 Coverr 網(wǎng)站內(nèi)的任一影片后，會出現(xiàn)影片預(yù)覽，點選「Set it as a Coverr」能將影片設(shè)定成網(wǎng)站首頁的背景，直接預(yù)覽在網(wǎng)頁內(nèi)呈現(xiàn)出來的效果。喜歡的話，點選右下角的綠色下載按鈕即可取得影片原始文件。

STEP 3

如果你對于如何將影片嵌入網(wǎng)頁、使它成為不間斷回放的背景有些疑問，Coverr 網(wǎng)站內(nèi)也提供了如何使用（How to use）的程序代碼范例，只要把影片下載，依照 HTML、CSS 和 JavaScript 范例鏈結(jié)稍作修改，就能在網(wǎng)頁內(nèi)看到影片背景效果。

值得一試的三個理由：

1. 收錄許多可用于網(wǎng)頁背景的免費影片素材
2. 影片采用 CC0 授權(quán)，可自由下載、使用于任何用途
3. 網(wǎng)站提供基本的使用范例，含 HTML、CSS 和 JavaScript

酷站彩蛋：Bootswatch

Bootstrap 是一款流行好用的前端框架，使用的人越來越多，但正因如此，很多直接套用 Bootstrap 風(fēng)格網(wǎng)站看起來十分相似，這對于網(wǎng)站的視覺體驗可能會受到影響，所以建議使用BS框架的用戶應(yīng)該嘗試修改下樣式。

今天為大家推薦?Bootswatch 網(wǎng)站，該網(wǎng)站目前擁有21款免費 Bootstrap 框架皮膚，對于想得到不同設(shè)計風(fēng)格的用戶來說這是一個簡單而快速的方式。

打開網(wǎng)站后，你會看到首頁有20多款皮膚，選擇你喜歡的一款，然后按「Download」下載，如下圖：

此時你應(yīng)該下載了一個文件名為「Bootstrap.css」的文件，用這個文件替換到Bootstrap 自帶的「Bootstrap.css」即可成功更換皮膚咯，整個過程簡單快捷。

本文就介紹到這里，還在使用BS默認風(fēng)格的用戶請嘗試換換新 Style 吧！

「Illustrator新手教程合集」

同類型紋理教程：
《AI教程：手把手教你用AI創(chuàng)建漂亮的無縫幾何圖案》

簡單好上手，效果還很贊！長投影教程：
《AI新手教程：教你創(chuàng)建精致閃亮的長投影寶石》

據(jù)說是目前最火的設(shè)計趨勢：
《AI新手教程！教你簡單快速地將圖片變成多邊形背景》

原文地址：free.com/shejidaren

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：2650232288@qq.com】

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國內(nèi)人氣最高的網(wǎng)頁設(shè)計師學(xué)習(xí)平臺，專注分享網(wǎng)頁設(shè)計、無線端設(shè)計以及PS教程。
【特色推薦】
設(shè)計師需要讀的100本書：史上最全的設(shè)計師圖書導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計微博：擁有粉絲量104萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計 ，歡迎關(guān)注獲取網(wǎng)頁設(shè)計資源、下載頂尖設(shè)計素材。
設(shè)計導(dǎo)航：全球頂尖設(shè)計網(wǎng)站推薦，設(shè)計師必備導(dǎo)航：http://hao.uisdc.com