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

Step2
進入主題後,將模式設為Free。

Step3
除了可從下方的分類中尋找外,也可使用關鍵字的方式進行搜尋。

Step4
當找到後,將滑鼠移到圖示上方,並點右下角的圖示。

Step5
在進入後,就可設定動態圖示的使用情境。

Step6
在設定完畢後,點EMBED HTML圖示。

Step7
接著把下方的的原始碼複製起來。

Step8
接著再貼到網頁中,而梅干是選擇滑鼠滑入時作效果,因此當滑鼠滑入後,圖示就會開動,效果還蠻不錯的,因此想讓網頁動起來的朋友,不妨可試試看囉!

#範例預覽