Home >Web Front-end >JS Tutorial >Emojify
Emojify
Emojify is a customizable emoji trail javascript library that follows your mouse cursor, embedding playfulness and personality into any webpage.
Star the project on Github
Import Emojify using CDN.
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';
Call the Emojify library in your Javascript. That's it ?.
new Emojify({});
Emojify comes with options / variables that can easily be customized.
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 });
Check out the Demo on Codepen.
The above is the detailed content of Emojify. For more information, please follow other related articles on the PHP Chinese website!