css .emoji_使用Emoji CSS將Emoji支持添加到您的網站

表情符號已經取代了數字對話,這些可愛的小圖標Swift轟動了互聯網文化 它們如今已經成爲咱們生活中的平常部分,您能夠在桌面應用程序到WordPress的任何地方找到它們。 css

並且,若是您曾經想在網站上使用自定義表情符號 ,那麼Emoji CSS是使用的理想庫。 html

表情符號CSS主頁

這些純CSS圖標由背景圖像生成,所以每一個表情符號都有其本身的PNG文件 這些圖像文件可用於視網膜,所以在全部顯示器上看起來都很棒。 git

您還能夠經過原始CSS文件包含到站點中來演示這些表情符號 該文件引用了GitHub上的自託管圖像,所以您無需在本地託管任何內容便可開始使用。 github

在Emoji CSS主頁上,您將找到全部圖像代碼類以及示例演示代碼段 將Emoji CSS文件添加到文檔後,您要作的就是添加一個.i類的<i>元素,以及與要顯示的特定圖標相關的任何類。 網絡

所以,例如此代碼: ide

<i class="em em-100"></i>

會將100個表情符號直接添加到您網站的內容中。 您有200多種不一樣的表情符號可供選擇,而且該項目是開源的,所以能夠進行更新 wordpress

表情符號CSS庫

最重要的是,Emoji CSS主頁很是易於使用。 只需單擊一個圖標 ,您就會自動將該源代碼複製到剪貼板,以即可以將其直接粘貼到HTML中。 網站

我將是第一個認可並非每一個網站都將從這個表情符號庫中受益,可是社交網絡和受評論支持的網站能夠經過添加表情符號支持來提升用戶參與度 藉助Emoji CSS庫 ,這其實是一個兩步過程,可對您的網站進行emoji表情。 spa


翻譯自: https://www.hongkiat.com/blog/emoji-css/翻譯