Dodaj wsparcie Emoji do swojej witryny z CSS Emoji

Emotikony przejęły cyfrowe rozmowy, a te śliczne małe ikony szybko przeniknęły do ​​kultury internetowej. Są teraz codzienną częścią naszego życia i można je znaleźć wszędzie, od aplikacji desktopowych po WordPress.

A jeśli kiedykolwiek chciałeś niestandardowe emotikony na Twojej stronie Emoji CSS jest idealną biblioteką do użycia.

Te czyste ikony CSS są generowane z obrazami tła więc każde emoji ma swój własny plik PNG. Te pliki obrazów są gotowy do siatkówki więc świetnie wyglądają na wszystkich monitorach.

Możesz również demo tych emotikonów przez w tym surowy plik CSS na swojej stronie. Plik odwołuje się do samodzielnie hostowanych obrazów w GitHub nie musisz niczego udostępniać lokalnie zaczynać.

Na stronie głównej CSS Emoji znajdziesz wszystkie klasy kodu obrazu wraz z przykładowym fragmentem demonstracyjnym. Po dodaniu pliku CSS Emoji do dokumentu wszystko, co musisz zrobić, to dodać element z .em klasa, wraz z każdą klasą, która odnosi się do konkretnej ikony, którą chcesz pokazać.

Na przykład ten kod:

doda 100 emoji bezpośrednio do treści witryny. Dobrze ponad 200 różnych emotikonów do wyboru a projekt jest otwarte źródło więc jest to dostępne do aktualizacji.

Najlepsza strona główna CSS Emoji jest bardzo łatwa w użyciu. Właśnie kliknij ikonę a ty automatycznie skopiować ten kod źródłowy do schowka, aby można było wkleić go bezpośrednio do kodu HTML.

Będę pierwszy przyznać, że nie każda strona będzie korzystać z tej biblioteki Emoji, ale portale społecznościowe i strony obsługiwane przez komentarze mogą zwiększyć zaangażowanie użytkowników poprzez dodanie obsługi emoji. Dzięki bibliotece CSS Emoji jest to praktycznie dwustopniowy proces tworzenia witryny.