Tambah Sokongan Emoji Ke Laman Web Anda Dengan CSS Emoji

Emojis telah mengambil alih perbualan digital dan ikon-ikon kecil ini dengan cepat meresap budaya Internet dengan bang. Mereka kini merupakan sebahagian daripada kehidupan setiap hari dan anda boleh mencari mereka di mana-mana dari aplikasi desktop ke WordPress.

Dan jika anda pernah mahu emojis tersuai di laman web anda maka Emoji CSS adalah perpustakaan yang sempurna untuk digunakan.

Ikon CSS tulen ini dijana dengan imej latar belakang jadi setiap emoji mempunyai fail PNG tersendiri. Fail imej ini adalah retina-ready jadi mereka kelihatan hebat pada semua monitor.

Anda juga boleh demo emojis ini oleh termasuk fail CSS mentah ke dalam laman web anda. Rujukan fail imej sendiri dihoskan pada GitHub begitu anda tidak perlu menjadi tuan rumah apa-apa secara tempatan untuk memulakan.

Di halaman utama Emoji CSS, anda akan dapati semua kelas kod imej bersama dengan coretan demo sampel. Sebaik sahaja anda telah menambah fail CSS Emoji ke dokumen anda, semua yang anda perlu lakukan ialah menambah elemen dengan .em kelas, bersama-sama dengan kelas apa sahaja yang berkaitan dengan ikon khusus yang anda mahu tunjukkan.

Jadi sebagai contoh kod ini:

akan menambah 100 emoji terus ke kandungan laman web anda. Awak baik Lebih 200 emojis berbeza untuk dipilih dan projek itu sumber terbuka jadi ia tersedia untuk kemas kini.

Terbaik dari semua laman utama Emoji CSS adalah sangat mudah digunakan. Hanya klik pada ikon dan awak akan secara automatik menyalin kod sumber itu ke dalam papan klip supaya anda boleh memasukkannya ke dalam HTML anda.

Saya akan menjadi yang pertama mengakui bahawa tidak setiap laman web akan mendapat manfaat daripada perpustakaan Emoji ini tetapi rangkaian sosial dan Laman web yang disokong komen boleh meningkatkan penglibatan pengguna dengan menambah sokongan emoji. Dan dengan pustaka CSS Emoji, ini praktikal proses dua langkah untuk emoji-up laman web anda.