Эмодзи Fluent оживают.
Наведите курсор, и эмодзи помашет в ответ.
npm install animated-fluent-emojisГрафика эмодзи принадлежит Microsoft. Проект не связан с Microsoft и не одобрен ею.
Попробуйте сами
Приятно в использовании
Живые
Они машут в ответ. Наведите курсор и проверьте.
Лёгкие
Страница не прыгает, пока эмодзи загружаются.
Внимательные
Если на устройстве включено уменьшение движения, эмодзи остаются неподвижными.
Авторство на виду
Графика эмодзи принадлежит Microsoft. Код с открытым исходным кодом.
Один тег для любого сайта
Выберите фреймворк, скопируйте код, и эмодзи появится на вашей странице.
import { Emoji } from 'animated-fluent-emojis/react'
import 'animated-fluent-emojis/style.css'
<Emoji id="1f44b_wavinghand" size={64} /><script setup lang="ts">
import { Emoji } from 'animated-fluent-emojis/vue'
import 'animated-fluent-emojis/style.css'
</script>
<template>
<Emoji id="1f44b_wavinghand" :size="64" />
</template><script lang="ts">
import { Emoji } from 'animated-fluent-emojis/svelte'
import 'animated-fluent-emojis/style.css'
</script>
<Emoji id="1f44b_wavinghand" size={64} />---
import Emoji from 'animated-fluent-emojis/astro'
---
<Emoji id="1f44b_wavinghand" size={64}>
<span slot="fallback">👋</span>
</Emoji><script type="module">
import 'animated-fluent-emojis/element'
</script>
<fluent-emoji id="1f44b_wavinghand" size="64">
<span slot="fallback">👋</span>
</fluent-emoji>Код не нужен.
Скачайте любое эмодзи как GIF, анимированный WebP или статичный PNG и вставьте в чат или документ.
Смотреть эмодзи
Частые вопросы
Можно ли использовать их в чатах и документах?
Да. Скачайте эмодзи из галереи как GIF, анимированный WebP или статичный PNG и добавьте в сообщение или файл, как обычную картинку.
Не замедлят ли они страницу?
Нет. Каждое эмодзи заранее резервирует место, поэтому страница не прыгает при загрузке, а файл анимации запрашивается только тогда, когда эмодзи появляется на экране.
Что увидят люди с включённым уменьшением движения?
Эмодзи остаётся неподвижным на первом кадре. Оно не двигается, пока посетитель сам не включит движение.