絵文字化

Emojify は、マウス カーソルに従ってカスタマイズ可能な絵文字トレイル JavaScript ライブラリで、あらゆる Web ページに遊び心と個性を埋め込みます。

Github でプロジェクトにスターを付ける

インストール

CDN

CDN を使用して Emojiify をインポートします。

import Emojify from 'https://cdn.jsdelivr.net/npm/open-emojify/emojify.min.js';

?特定のバージョン

import Emojify from 'https://cdn.jsdelivr.net/npm/open-emojify/emojify.min.js@latest';

使用法

JavaScript で Emojiify ライブラリを呼び出します。それでおしまい ？。

new Emojify({});

カスタマイズ

Emojify には、簡単にカスタマイズできるオプション/変数が付属しています。

new Emojify({
    emojis: ['?','?','?','?'], // replaces default emojis with emojis within a string
    random: true, // determines if emojis should be shown random or in order
    duration: 500, // duration before hiding emojis
    delay: 5, // delay between showing a new emoji
    size: '48px', // font-size of emojis
    zIndex: 9999, // z-index of emojis
});

Codepen のデモをチェックしてください。