free-website-video-coverr-1

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

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

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

若你正在尋找將動態影片運用于網站首頁背景的方法,Coverr 是個不錯的免費資源。

Coverr

STEP 1

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

Coverr

STEP 2

在點選 Coverr 網站內的任一影片后,會出現影片預覽,點選「Set it as a Coverr」能將影片設定成網站首頁的背景,直接預覽在網頁內呈現出來的效果。喜歡的話,點選右下角的綠色下載按鈕即可取得影片原始文件。

Coverr

STEP 3

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

Coverr

值得一試的三個理由:

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

酷站彩蛋:Bootswatch

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

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

boot swatch bootstrap themes

打開網站后,你會看到首頁有20多款皮膚,選擇你喜歡的一款,然后按「Download」下載,如下圖:

bootstrap themes

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

本文就介紹到這里,還在使用BS默認風格的用戶請嘗試換換新 Style 吧!

「Illustrator新手教程合集」

同類型紋理教程:
《AI教程:手把手教你用AI創建漂亮的無縫幾何圖案》

簡單好上手,效果還很贊!長投影教程:
《AI新手教程:教你創建精致閃亮的長投影寶石》

據說是目前最火的設計趨勢:
《AI新手教程!教你簡單快速地將圖片變成多邊形背景》

原文地址:free.com/shejidaren
uisdc-hao

【優設網 原創文章 投稿郵箱:2650232288@qq.com】

================關于優設網================
“優設網uisdc.com“是國內人氣最高的網頁設計師學習平臺,專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書:史上最全的設計師圖書導航:http://hao.uisdc.com/book/。
設計微博:擁有粉絲量104萬的人氣微博@優秀網頁設計 ,歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航:全球頂尖設計網站推薦,設計師必備導航:http://hao.uisdc.com

點贊 1
收藏 2

發表評論 快來秀出你的觀點

還可以輸入 800 個字
 
 
載入中....
相關推薦
評論 收藏