1. 首頁
  2. »
  3. 免費
  4. »
  5. lordicon 八千多個動態向量圖示,六大主題風格免費使用

lordicon 八千多個動態向量圖示,六大主題風格免費使用

2022/09/22

梅問題-lordicon 免費八千多個,動態向量圖示免費使用
  身為網頁設計師,對於向量圖示文字不感陌生,且網路上的資源也相當的豐富,但要把這些圖示,變成動態就得們行寫動畫語法,這對於許多朋友來說,可能會感到有些麻煩,因此最近梅干在網路中,發現lordicon這個平台,裡面不但提供了八千多款的,動態式向量圖示外。

甚至有些還可以調整圖示的筆畫粗細與尺寸,最酷的是lordicon還可指定動畫的用途,比方像是一直無限播放,或是當滑鼠滑入後再變動態效果,而且免費版本就提供了八千多種的動態圖示可使用,因此想要讓網頁動起來的朋友,現在也一塊來看看囉!


lordicon
連結網址:https://lordicon.com/

Step1
首先再進入lordicon後,點上方的Icons並選擇圖示主題。
梅問題-lordicon 免費八千多個,動態向量圖示免費使用
Step2
進入主題後,將模式設為Free
梅問題-lordicon 免費八千多個,動態向量圖示免費使用
Step3
除了可從下方的分類中尋找外,也可使用關鍵字的方式進行搜尋。
梅問題-lordicon 免費八千多個,動態向量圖示免費使用
Step4
當找到後,將滑鼠移到圖示上方,並點右下角的圖示。
梅問題-lordicon 免費八千多個,動態向量圖示免費使用
Step5
在進入後,就可設定動態圖示的使用情境。
梅問題-lordicon 免費八千多個,動態向量圖示免費使用
Step6
在設定完畢後,點EMBED HTML圖示。
梅問題-lordicon 免費八千多個,動態向量圖示免費使用
Step7
接著把下方的的原始碼複製起來。
梅問題-lordicon 免費八千多個,動態向量圖示免費使用
Step8
接著再貼到網頁中,而梅干是選擇滑鼠滑入時作效果,因此當滑鼠滑入後,圖示就會開動,效果還蠻不錯的,因此想讓網頁動起來的朋友,不妨可試試看囉!
梅問題-lordicon 免費八千多個,動態向量圖示免費使用
#範例預覽